body, html {
    min-width: 1200px
}

body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, ol, p, ul {
    padding: 0;
    margin: 0
}

body {
    font: 14px/1.2em SegoeUi, Microsoft Yahei, \\5FAE\8F6F\96C5\9ED1, arial;
    background-color: #fcfcfc;
    color: #23233c;
    scroll-behavior: smooth;
    word-break: break-word;
    word-wrap: break-word
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1em
}

ol, ul {
    list-style: none
}

button, input, textarea {
    font-size: 14px;
    font-family: SegoeUi, Microsoft Yahei, \\5FAE\8F6F\96C5\9ED1, arial;
    margin: 0;
    padding: 2px;
    vertical-align: middle;
    line-height: 1em;
    outline: none;
    resize: none
}

label {
    cursor: pointer
}

input[type=checkbox], input[type=radio] {
    margin: 0 3px
}

img {
    border: none;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

td, th {
    text-align: center
}

a:link, a:visited {
    color: #02bdd1;
    text-decoration: none
}

a:hover {
    color: #1a95a3;
    text-decoration: none
}

a:active {
    color: #02bdd1
}

a:focus, button {
    outline: none
}

button {
    border: 0;
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: unset;
    -moz-user-select: none;
    cursor: pointer
}

input:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff !important
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #c3c8ce
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #ededed
}

input::-ms-clear, input::-ms-reveal {
    width: 0 !important;
    height: 0 !important;
    display: none !important
}

.icon {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-repeat: no-repeat
}

.icon_arr_left {
    background-position: -318px -154px
}


.icon_arr_right {
    background-position: -318px -70px
}

.icon_checkbox {
    background-position: -22px -325px;
    margin: -2px 6px 0 0
}

.icon_checkbox, .w-Checkbox-item:hover .icon_checkbox {
    background-image: url("/huajia/images/sprite.fb37b6d.png");
    width: 16px;
    height: 16px
}

.w-Checkbox-item:hover .icon_checkbox {
    background-position: -44px -325px
}

.w-Checkbox-item.on .icon_checkbox {
    background-image: url("/huajia/images/sprite.fb37b6d.png");
    background-position: -66px -325px;
    width: 16px;
    height: 16px
}

.icon_warning {
    background-position: -372px -156px;
    width: 14px;
    height: 14px;
    margin: -2px 6px 0 0
}

.icon_qa, .icon_warning {
    background-image: url("/huajia/images/sprite.fb37b6d.png")
}

.icon_qa {
    background-position: -176px -325px;
    width: 16px;
    height: 16px;
    margin: -2px 6px 0;
    cursor: pointer
}

.icon_warning_mid {
    background-position: -362px -201px;
    width: 4px;
    height: 15px;
    margin: 0 12px 0 0 !important
}

.icon_success_mid, .icon_warning_mid {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_success_mid {
    background-position: -372px -195px;
    width: 15px;
    height: 12px
}

.icon_error_mid {
    background-position: -154px -325px;
    height: 16px
}

.icon_arr_left_big, .icon_error_mid {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px
}

.icon_arr_left_big {
    background-position: -340px -201px;
    height: 28px
}

.icon_search {
    background-position: -154px -348px
}

.header.black .icon_search, .icon_search {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px
}

.header.black .icon_search {
    background-position: -132px -348px
}

.header.black .w-Search_on .icon_search {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -154px -348px;
    width: 16px;
    height: 16px
}

.icon_msg {
    background-position: -372px -47px
}

.header.black .icon_msg, .icon_msg {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 14px;
    height: 18px
}

.header.black .icon_msg {
    background-position: -372px -23px
}

.icon_radio {
    background-position: -88px -325px;
    margin: -2px 6px 0 0
}

.icon_radio, .w-Radiogroup :hover .icon_radio {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px
}

.w-Radiogroup :hover .icon_radio {
    background-position: -110px -325px
}

.w-Radiogroup .on .icon_radio {
    background-position: -132px -325px;
    width: 16px;
    height: 16px
}

.icon_delete, .w-Radiogroup .on .icon_radio {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_delete {
    background-position: -242px -218px;
    width: 9px;
    height: 12px;
    margin: -3px 6px 0 0
}

.icon_add {
    background-position: -340px -287px;
    width: 20px;
    height: 20px
}

.icon_add, .icon_attach {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    margin: -2px 6px 0 0
}

.icon_attach {
    background-position: -286px -325px;
    width: 16px;
    height: 16px
}

.icon_attach_mid {
    background-position: -270px -70px;
    width: 42px;
    height: 42px
}

.icon_arr_mid_right, .icon_attach_mid {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_arr_mid_right {
    background-position: -257px -218px;
    width: 6px;
    height: 10px
}

.icon_arr_up {
    background-position: -125px -154px;
    margin: -2px 6px 0 0
}

.icon_arr_down, .icon_arr_up, .on .icon_arr_up {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 10px;
    height: 6px
}

.icon_arr_down, .on .icon_arr_up {
    background-position: -340px -313px
}

.icon_time {
    background-position: -372px -135px;
    width: 14px;
    height: 15px
}

.icon_time, .icon_view {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    margin: -2px 6px 0 0
}

.icon_view {
    background-position: -222px -279px;
    width: 19px;
    height: 18px
}

.icon_edit {
    background-position: -271px -279px;
    width: 17px;
    height: 17px;
    margin: -2px 6px 0 0
}

.icon_edit, .icon_invite {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_invite {
    background-position: 0 -252px;
    width: 90px;
    height: 21px;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.icon_switcher {
    background-position: -172px -279px
}

.icon_switcher, .on > .icon_switcher {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 44px;
    height: 22px
}

.on > .icon_switcher {
    background-position: -122px -279px
}

.icon_empty {
    background-position: -195px -84px
}

.icon_done, .icon_empty {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 64px;
    height: 64px
}

.icon_done {
    background-position: -125px -84px
}

.icon_exit {
    background-position: -172px -166px
}

.icon_exit, .icon_waitting {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 64px;
    height: 64px
}

.icon_waitting {
    background-position: -270px 0
}

.icon_star {
    background-position: -340px -121px;
    margin: -5px 0 0
}

.icon_star, .on .icon_star {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 22px;
    height: 21px
}

.on .icon_star {
    background-position: -340px -148px
}

.icon_shape {
    background-position: -170px -252px;
    width: 17px
}

.icon_download, .icon_shape {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    height: 13px;
    margin: -2px 6px 0 0
}

.icon_download {
    background-position: -372px -176px;
    width: 15px
}

.icon_company {
    background-position: -318px -184px;
    width: 13px;
    height: 11px;
    margin: -3px -20px 0 5px
}

.icon_chat, .icon_company {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_chat {
    background-position: -372px -71px;
    width: 15px;
    height: 15px;
    margin: -4px 5px 0 0
}

.icon_more {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -286px -348px;
    width: 2px;
    height: 12px;
    margin: -2px 0 0
}

.icon_notice {
    background-position: -88px -348px
}

.icon_notice, .w-Notice_warning .icon_notice {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px
}

.w-Notice_warning .icon_notice {
    background-position: -110px -348px
}

.icon_arr_small_left {
    background-position: -209px -252px
}

.icon_arr_small_left, .icon_arr_small_right {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 6px;
    height: 10px
}

.icon_arr_small_right {
    background-position: -221px -252px
}

.icon_separate {
    background-position: 0 -348px
}

.icon_close, .icon_separate {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px
}

.icon_close {
    background-position: -22px -348px
}

.icon_expression {
    background-position: -247px -279px;
    width: 18px;
    height: 18px
}

.icon_expression, .icon_sendPics {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_sendPics {
    background-position: -176px -348px;
    width: 16px;
    height: 16px
}

.icon_headset {
    background-position: -372px -92px;
    width: 15px;
    height: 15px
}

.icon_default-expression, .icon_headset {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_default-expression {
    background-position: -316px -202px;
    width: 18px;
    height: 18px
}

.icon_im {
    background-position: 0 -279px;
    cursor: pointer
}

.icon_im, .icon_im:hover {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 40px;
    height: 40px
}

.icon_im:hover {
    background-position: -270px -202px
}

.icon_like {
    background-position: -372px -287px;
    width: 14px
}

.icon_like, .icon_unlike {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    height: 12px
}

.icon_unlike {
    background-position: -372px -231px;
    width: 15px
}

.on > .icon_like, .on > .icon_unlike {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -372px -305px;
    width: 14px;
    height: 12px
}

.icon_quit {
    background-position: -372px -268px;
    margin: -2px 6px 0 0
}

.icon_quit, a:hover .icon_quit {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 13px;
    height: 13px
}

a:hover .icon_quit {
    background-position: -372px -249px
}

.icon_switcher_left {
    background-position: -340px 0
}

.icon_switcher_left, .icon_switcher_right {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 26px;
    height: 26px;
    cursor: pointer
}

.icon_switcher_right {
    background-position: -340px -32px
}

.icon_media_weibo {
    background-position: -340px -64px;
    width: 24px;
    height: 24px
}

.icon_media_weibo, .icon_success_white {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_success_white {
    background-position: -96px -252px;
    width: 22px;
    height: 16px
}

.icon_artist_star {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -352px -325px;
    width: 9px;
    height: 11px
}

.icon_fail {
    background-position: 0 -166px
}

.icon_fail, .icon_success {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 80px;
    height: 80px
}

.icon_success {
    background-position: -86px -166px
}

.icon_tital {
    background-position: -242px -192px
}

.icon_add2, .icon_tital {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 20px;
    height: 20px
}

.icon_add2 {
    background-position: -340px -235px
}

.icon_add2:hover {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -340px -261px;
    width: 20px;
    height: 20px
}

.icon_share {
    background-position: -317px -279px;
    height: 17px
}

.icon_share, .icon_share_lofter {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px
}

.icon_share_lofter {
    background-position: -264px -348px;
    height: 16px
}

.icon_share_qq {
    background-position: -372px 0;
    width: 15px
}

.icon_share_qq, .icon_share_qq_space {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    height: 17px
}

.icon_share_qq_space {
    background-position: -294px -279px;
    width: 17px
}

.icon_share_wechat {
    background-position: -148px -252px;
    width: 16px;
    height: 14px
}

.icon_share_wechat, .icon_share_weibo {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_share_weibo {
    background-position: -124px -252px;
    width: 18px;
    height: 15px
}

.icon_reupload {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -372px -213px;
    width: 15px;
    height: 12px
}

.icon_account_1 {
    background-position: -372px -113px;
    width: 14px
}

.icon_account_1, .icon_account_2 {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    height: 16px
}

.icon_account_2 {
    background-position: -198px -325px;
    width: 16px
}

.icon_account_3 {
    background-position: -220px -325px
}

.icon_account_3, .icon_account_4 {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px
}

.icon_account_4 {
    background-position: -242px -325px
}

.icon_copyright {
    background-position: -242px -166px;
    width: 20px;
    height: 20px
}

.icon_copyright, .icon_star_title {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_star_title {
    background-position: -318px -100px;
    width: 12px;
    height: 12px
}

.icon_follow {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -193px -252px;
    width: 10px;
    height: 10px
}

.icon_followed {
    background-position: -172px -236px;
    height: 9px
}

.icon_change, .icon_followed {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 12px
}

.icon_change {
    background-position: -372px -323px;
    height: 12px
}

.icon_quotation {
    background-position: -316px -226px;
    width: 18px;
    height: 16px
}

.icon_none, .icon_quotation {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_none {
    background-position: -340px -175px;
    width: 23px;
    height: 20px
}

.icon_more_close {
    background-position: -46px -279px
}

.icon_more_close, .icon_more_show {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 32px;
    height: 32px
}

.icon_more_show {
    background-position: -84px -279px
}

.icon_received {
    background-position: -135px 0
}

.icon_issued, .icon_received {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 129px;
    height: 78px
}

.icon_issued {
    background-position: 0 0
}

.icon_secret {
    background-position: -270px -154px;
    width: 42px;
    height: 42px
}

.icon_identification, .icon_secret {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_identification {
    background-position: -372px -341px;
    width: 12px;
    height: 12px
}

.icon_activitiesManagement {
    background-position: -264px -325px
}

.icon_activitiesManagement, .icon_board {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px;
    margin: -2px 6px 0 0
}

.icon_board {
    background-position: -308px -325px
}

.icon_home {
    background-position: -66px -348px
}

.icon_home, .icon_serial {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px;
    margin: -2px 6px 0 0
}

.icon_serial {
    background-position: -198px -348px
}

.icon_setting {
    background-position: -220px -348px
}

.icon_setting, .icon_wallet {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    width: 16px;
    height: 16px;
    margin: -2px 6px 0 0
}

.icon_wallet {
    background-position: -242px -348px
}

.icon_follow02 {
    background-position: -44px -348px;
    width: 16px;
    height: 16px;
    margin: -2px 6px 0 0
}

.icon_finished, .icon_follow02 {
    background-image: url(/huajia/images/sprite.fb37b6d.png)
}

.icon_finished {
    background-position: 0 -84px;
    width: 119px;
    height: 76px
}

.icon_customer-service {
    background-image: url(/huajia/images/sprite.fb37b6d.png);
    background-position: -330px -325px;
    width: 16px;
    height: 16px
}

.c_Green {
    color: #52c41a !important
}

.c_White {
    color: #fff
}

.c_Gray {
    color: #aaa6a6
}

.c_DGray {
    color: #62676d
}

.c_Red {
    color: red !important
}

.c_DRed {
    color: #dc0000
}

.c_Black {
    color: #000 !important
}

.c_Blue {
    color: #02bdd1 !important
}

.c_DBlue {
    color: #2e75b5 !important
}

.c_Orange {
    color: #ed510b !important
}

.c_Highlight {
    color: #02bdd1 !important
}

.a_Gray:link, .a_Gray:visited {
    color: #717171
}

.a_Gray:hover {
    color: #02bdd1
}

.a_Gray:active {
    color: #09e5fd
}

.a_Black:link, .a_Black:visited {
    color: #5b5b5b
}

.a_Black:hover {
    color: #1e1e1e
}

.a_Black:active {
    color: #383838
}

.a_Blue:link, .a_Blue:visited, .a_Blue a:link, .a_Blue a:visited {
    color: #02bdd1
}

.a_Blue:hover, .a_Blue a:hover {
    color: #f76066
}

.a_Blue:active, .a_Blue a:active {
    color: #00a896
}

.a_Blue2:active, .a_Blue2:hover, .a_Blue2:link, .a_Blue:visited, .a_Blue a:active, .a_Blue a:hover, .a_Blue a:link, .a_Blue a:visited {
    color: #02bdd1
}

.a_DBlue:link, .a_DBlue:visited, .a_DBlue a:link, .a_DBlue a:visited {
    color: #007aff
}

.a_DBlue:hover, .a_DBlue a:hover {
    color: #2a6aa3
}

.a_DBlue:active, .a_DBlue a:active {
    color: #007aff
}

.a_White:link, .a_White:visited, .a_White a:link, .a_White a:visited {
    color: #fff
}

.a_White:hover, .a_White a:hover {
    color: #02bdd1
}

.a_White:active, .a_White a:active {
    color: #028f9e
}

.a_Red:link, .a_Red:visited, .a_Red a:link, .a_Red a:visited {
    color: #dc0000
}

.a_Red:hover, .a_Red a:hover {
    color: #ed6045;
    text-decoration: underline
}

.a_Red:active, .a_Red a:active {
    color: #dc0000
}

.blank10 {
    height: 10px
}

.blank10, .blank20 {
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blank20 {
    height: 20px
}

.blank30 {
    height: 30px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.f_12px {
    font-size: 12px
}

.f_14px {
    font-size: 14px
}

.f_16px {
    font-size: 16px !important
}

.f_20px {
    font-size: 20px
}

.f_Bold {
    font-weight: 700
}

.f_Nomal {
    font-weight: 400
}

.f_Yahei {
    font-family: Microsoft YaHei, \5fae\8f6f\96c5\9ed1, SimHei, \9ed1\4f53
}

.f_Lineheight {
    line-height: 1.6em
}

.t_Center, table tr .t_Center {
    text-align: center
}

.t_Left, table tr .t_Left {
    text-align: left;
    font-weight: 400
}

.t_Right, table tr .t_Right {
    text-align: right
}

table tr .t_Vtop {
    vertical-align: top
}

.l_Left {
    float: left
}

.l_Right {
    float: right
}

.error {
    color: #dc0000
}

.s_Inlinespace {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    overflow: hidden;
    height: 1em
}

.s_Line {
    font-size: 0;
    line-height: 0;
    height: 1px;
    background: #f6f6f6
}

.tag {
    height: 20px;
    line-height: 19px;
    display: inline-block;
    padding: 1px 6px;
    font-size: 12px;
    border-radius: 8px;
    background: #f1f7ff;
    color: #62676d
}

.tag_new {
    background: #ffe4da;
    color: #fa541c
}

.user-thum {
    border-radius: 50%
}

.empty {
    color: #7f83a0;
    text-align: center;
    padding: 60px 0;
    font-size: 14px
}

.l_Clearfix {
    *zoom: 1
}

.l_Clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.l_Layout {
    width: 1200px;
    margin: 0 auto
}

.t_Ellipsis {
    white-space: nowrap
}

.t_Ellipsis, .t_Ellipsis2 {
    text-overflow: ellipsis;
    overflow: hidden
}

.t_Ellipsis2 {
    display: -webkit-box;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.btn-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    display: block
}

.btn-icon:link, .btn-icon:visited {
    background: hsla(0, 0%, 85%, .1)
}

.btn-icon:hover {
    background: hsla(0, 0%, 85%, .2)
}

.btn-icon:active {
    background: hsla(0, 0%, 85%, .1)
}

.i_Btn {
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: 36px;
    line-height: 34px;
    min-width: 80px;
    padding: 0 20px;
    background: #02bdd1;
    border-radius: 18px;
    font-size: 14px
}

.i_Btn:link, .i_Btn:visited {
    color: #fff
}

.i_Btn:hover {
    background: #0acce1
}

.i_Btn:active {
    background: #02bdd1
}

.i_Btn_sub:link, .i_Btn_sub:visited {
    background: #e1eeff;
    color: #2a2b2d
}

.i_Btn_sub:hover {
    background: #ecf5ff
}

.i_Btn_sub:active {
    background: #cce1fa
}

.i_Btn_sub2:link, .i_Btn_sub2:visited {
    background: #f4f7fd;
    color: #2a2b2d
}

.i_Btn_sub2:hover {
    background: #e1eeff
}

.i_Btn_sub2:active {
    background: #cce1fa
}

.i_Btn_hollow {
    font-size: 12px;
    background: #eff6ff;
    border: 1px solid #e4e4e4;
    padding: 0 6px;
    border-radius: 2px
}

.i_Btn_hollow:hover {
    background: #ecf5ff;
    border-color: #ccc
}

.i_Btn_hollow:link, .i_Btn_hollow:visited {
    border: 1px solid #e4e4e4;
    color: #2a2b2d
}

.i_Btn_main_hollow {
    background: #fff;
    border: 1px solid #e4e4e4
}

.i_Btn_main_hollow:link, .i_Btn_main_hollow:visited {
    border-color: #ccc;
    color: #666;
    background: #fff
}

.i_Btn_main_hollow:hover {
    border-color: #999
}

.i_Btn_main_hollow:active {
    border-color: #ccc;
    color: #999
}

.i_Btn_main_hollow2 {
    background: #fff;
    border: 1px solid #d9d9d9
}

.i_Btn_main_hollow2:active, .i_Btn_main_hollow2:link, .i_Btn_main_hollow2:visited {
    border-color: #d9d9d9;
    color: #2a2b2d;
    background: #fff
}

.i_Btn_main_hollow2:hover {
    border-color: #999
}

.i_Btn_light {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 0 10px;
    border-radius: 2px
}

.i_Btn_light:hover {
    background: #fff;
    border-color: #ccc;
    color: #666
}

.i_Btn_light:active {
    border: 1px solid #e4e4e4
}

.i_Btn_light:link, .i_Btn_light:visited {
    color: #2a2b2d
}

.i_Btn_warning {
    border: 1px solid #f05000
}

.i_Btn_warning:link, .i_Btn_warning:visited {
    color: #f05000;
    background: #fff
}

.i_Btn_warning:hover {
    background: #fff6f2;
    border-color: #ff6d24
}

.i_Btn_warning:active {
    background: #ffe4d9
}

.i_Btn_highlight.i_Btn_big {
    min-width: 120px
}

.i_Btn_highlight:link, .i_Btn_highlight:visited {
    background: #dc0000;
    color: #fff
}

.i_Btn_highlight:hover {
    background: #f60000
}

.i_Btn_highlight:active {
    background: #dc0000
}

.i_Btn_big {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    min-width: 120px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px
}

.i_Btn_small {
    height: 28px;
    line-height: 28px
}

.i_Btn_mid, .i_Btn_small {
    min-width: 100px;
    font-size: 12px
}

.i_Btn_mid {
    height: 32px;
    line-height: 32px
}

.i_Btn_mid.i_Btn_main_hollow {
    line-height: 30px !important
}

.i_Btn_more {
    width: 32px !important;
    padding: 0;
    min-width: 32px
}

.i_Btn.i_Btn_disabled {
    cursor: not-allowed;
    color: #cacaca;
    background: #ededed
}

.i_Text-cont {
    display: inline-block;
    position: relative
}

.i_Text, .i_Text-cont {
    vertical-align: middle
}

.i_Text {
    background: #fff;
    border: 1px solid #dee1e6;
    height: 34px;
    line-height: 34px;
    padding: 0 9px;
    font-size: 14px;
    border-radius: 4px
}

.i_Text:focus {
    border-color: #02bdd1;
    box-shadow: 0 0 1px #02bdd1
}

.i_Text::-webkit-input-placeholder {
    color: #9ca1a8
}

.i_Text::-ms-input-placeholder {
    color: #9ca1a8
}

textarea.i_Text {
    height: auto;
    line-height: 22px;
    padding: 3px 9px;
    position: relative
}

.i_Text_error {
    border-color: #f76066 !important
}

.i_Text_disabled {
    background: #f0f0f0;
    cursor: not-allowed
}

.i_Text_line {
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    height: 36px;
    line-height: 36px
}

.i_Text_line:focus {
    border-bottom: 2px solid #438ae5
}

.i_Text_line.i_Text_error {
    border-bottom: 2px solid #ed510b
}

.l_Tb td, .l_Tb th {
    padding: 9px 3px
}

.l_Tb th {
    font-size: 15px
}

.l_Tb td {
    text-align: left;
    font-size: 14px
}

.l_Tb .t_Vtop {
    padding: 9px 3px 0
}

.tb_List tr:nth-of-type(2n) {
    background: #fcfcfc
}

.tb_List td, .tb_List th {
    padding: 20px 12px;
    border-bottom: 1px solid #eee
}

.tb_List th {
    background: #f7f7f7;
    text-align: center
}

.tb_List .tb_List_heavy {
    background-color: #f0f0f0
}

.tb_Order {
    background: #fff;
    border-radius: 4px;
    margin: 0 auto
}

.tb_Order td, .tb_Order th {
    padding: 20px 16px;
    border-bottom: 1px solid #ededed
}

.tb_Order th {
    background: #f6f6f6;
    color: #2a2b2d;
    font-weight: 400;
    border-color: #e9e9e9
}

.tb_Order td {
    color: #62676d
}

.tip {
    color: #ed6045;
    line-height: 20px;
    margin: 6px 0;
    font-size: 13px
}

.tip .icon {
    margin: -2px 6px 0 0
}

.loading {
    background: url() no-repeat;
    width: 64px;
    height: 64px;
    animation: rotate .8s linear 0s infinite
}

.loading, .loading_small {
    display: inline-block;
    vertical-align: middle
}

.loading_small {
    background: url() no-repeat;
    width: 12px;
    height: 12px;
    animation: rotate .6s linear 0s infinite
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.w-Select, .w-Select-Multi {
    border: 1px solid #dee1e6;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    visibility: hidden;
    cursor: pointer;
    z-index: 50;
    padding: 0;
    margin: 0;
    font-size: 0;
    text-align: left;
    color: #515151;
    vertical-align: middle;
    background: #fff
}

.w-Select-Multi h3, .w-Select h3 {
    padding: 0 9px;
    height: 34px;
    line-height: 34px;
    z-index: 51;
    position: relative;
    font-size: 14px !important;
    white-space: nowrap
}

.w-Select-Multi h3:after, .w-Select h3:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 14px;
    width: 10px;
    height: 6px;
    background: url();
    display: block
}

.w-Select-Multi .sel-ico, .w-Select .sel-ico {
    width: 16px;
    height: 16px;
    margin: -3px 9px 0 0;
    display: inline-block
}

.w-Select-Multi:hover, .w-Select:hover {
    border-color: silver
}

.w-Select-Multi ul, .w-Select ul {
    position: absolute;
    min-width: 60px;
    top: 36px;
    left: 0;
    display: none;
    z-index: 52;
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f0f0f0;
    left: -1px;
    max-height: 204px;
    overflow-y: auto
}

.w-Select-Multi ul li, .w-Select ul li {
    height: 34px;
    line-height: 32px;
    padding: 0 9px;
    white-space: nowrap;
    font-size: 14px;
    color: #515151
}

.w-Select-Multi ul li:hover, .w-Select ul li:hover {
    background: #f5f7fb
}

.w-Select-Multi ul li.on, .w-Select ul li.on {
    background: #f5f7fb;
    color: #000
}

.w-Select-Multi.on ul, .w-Select.on ul {
    display: block
}

.w-Select-Multi h3 {
    padding: 0 15px 0 9px
}

.w-Select-Multi ul {
    overflow: visible;
    max-height: none
}

.w-Select-Multi ul li {
    position: relative
}

.w-Select-Multi ul li.hover div {
    display: block
}

.w-Select-Multi ul li div {
    position: absolute;
    left: 100px;
    top: -1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    display: none
}

.w-Select-Multi ul li div p {
    height: 33px;
    line-height: 33px;
    padding: 0 9px;
    white-space: nowrap;
    color: #515151;
    margin: 0;
    min-width: 150px
}

.w-Select-Multi ul li div p.on, .w-Select-Multi ul li div p:hover {
    background: #f5f7fb
}

.w-Select-Multi ul h6 {
    line-height: 30px;
    position: relative
}

.w-Select-Multi ul h6:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    background: url() no-repeat;
    bottom: 8px;
    right: -2px
}

.w-Select-Multi ul h6[data-child=none]:after {
    display: none
}

.w-Select_filter {
    border-color: hsla(0, 0%, 50%, 0) !important
}

.w-Search {
    position: relative;
    height: 32px;
    line-height: 32px;
    width: 32px;
    vertical-align: middle;
    background: #fff;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 0 32px 0 0;
    font-size: 0;
    border: 1px solid #dee1e6
}

.w-Search.active {
    background: #fdfdfd;
    border: 1px solid #03bdd1
}

.w-Search input {
    height: 30px;
    color: #2c2c2c;
    line-height: 30px;
    width: 100%;
    box-sizing: border-box;
    display: none;
    border: none;
    background: transparent;
    float: left;
    padding: 0 0 0 18px
}

.w-Search input::-webkit-input-placeholder {
    color: #9ca1a8
}

.w-Search input::-ms-input-placeholder {
    color: #9ca1a8
}

.w-Search .icon_search {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: .8;
    cursor: pointer
}

.w-Search_on {
    width: 220px;
    animation: spread .15s linear 0s 1
}

.w-Search_on input {
    display: inline-block
}

.w-Hot-search {
    padding: 10px 5px;
    border-radius: 8px;
    background: #f9ffff;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    display: none
}

.w-Hot-search.on {
    display: block
}

.w-Hot-search h3 {
    font-size: 15px;
    color: #61676e;
    padding: 0 5px 5px
}

.w-Hot-search p {
    padding: 0 1px;
    line-height: 0;
    height: 92px;
    overflow: hidden
}

.w-Hot-search p a {
    font-size: 12px;
    color: #696969;
    background: #fff;
    border: 1px solid #e2eaf1;
    border-radius: 12px;
    padding: 2px 9px;
    margin: 8px 4px 0;
    display: inline-block;
    line-height: 16px
}

.w-Hot-search p a:hover {
    border: 1px solid #00c4da;
    color: #00c4da
}

.w-Toast {
    padding: 20px 24px;
    text-align: center;
    display: none;
    position: fixed;
    left: 50%;
    top: 100px;
    z-index: 100000;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 6px #aaa;
    line-height: 20px;
    height: 20px;
    animation: upShow .2s 0s ease-in-out 1 forwards;
    -webkit-animation: upShow .2s 0s ease-in-out 1 forwards;
    text-align: left
}

.w-Toast h3 {
    margin: 0 0 6px 48px;
    font-size: 15px;
    font-weight: 700
}

.w-Toast p {
    color: #4c4b67;
    font-size: 18px;
    color: #2a2b2d;
    display: inline-block;
    vertical-align: middle
}

.w-Toast .icon {
    margin-right: 9px
}

.w-Toast .icon_normal_mid {
    display: none
}

@keyframes upShow {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes downShow {
    0% {
        transform: translateY(10px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.w-Label {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    width: 80px;
    border: 1px solid #4c4b67;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    margin: 0 10px 0 0;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle
}

.w-Label:hover {
    border-color: #7b7a9e;
    color: #7b7a9e
}

.w-Label.disabled {
    border-color: #ededed;
    color: #ededed;
    cursor: not-allowed
}

.w-Label .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none
}

.on .w-Label {
    padding: 0 9px;
    border-width: 2px;
    height: 30px;
    line-height: 30px;
    border-color: #4c4b67 !important
}

.on .w-Label .icon {
    display: inline-block
}

.w-Checkbox-item, .w-Checkboxgroup {
    display: inline-block;
    vertical-align: middle
}

.w-Checkbox-item {
    cursor: pointer;
    margin: 0 10px 0 0
}

.w-Checkbox_disabled {
    color: #7f83a0;
    cursor: not-allowed
}

.w-Radiogroup, .w-Radiogroup span {
    display: inline-block;
    vertical-align: middle
}

.w-Radiogroup span {
    cursor: pointer;
    margin: 0 10px 0 0
}

.w-Switcher {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    vertical-align: middle
}

.w-Switcher.disabled .icon_switcher {
    cursor: not-allowed
}

.w-Switcher .icon_switcher {
    margin: 0 6px 0 0;
    cursor: pointer
}

.w-Mark {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    padding: 0 3px
}

.w-Mark_disabled {
    background-color: #fbeaea;
    border: 1px solid #d32f2f;
    color: #d32f2f
}

.w-Tip {
    background: #0e0908;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border-radius: 4px;
    line-height: 18px;
    color: #fff;
    padding: 9px 15px;
    font-size: 12px;
    position: absolute;
    display: none;
    z-index: 9999;
    max-width: 400px;
    animation: upShow .2s 0s ease-in-out 1 forwards
}

.w-Tip .w-Tip-corner {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #0e0908 transparent transparent;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px
}

.w-Tip .w-Tip-close {
    position: absolute;
    right: 3px;
    top: -2px
}

.w-Tip_bottom {
    animation: downShow .2s 0s ease-in-out 1 forwards
}

.w-Tip_bottom .w-Tip-corner {
    border-width: 0 6px 6px;
    border-color: transparent transparent #0e0908;
    bottom: auto;
    top: -6px
}

.w-Date {
    border: 1px solid #dee1e6;
    border-radius: 4px;
    display: inline-block;
    min-width: 212px;
    height: 34px;
    line-height: 34px
}

.w-Date:hover {
    border-color: silver
}

.w-Date p {
    padding: 0 10px;
    cursor: pointer;
    margin: 0 !important;
    position: relative
}

.w-Date p:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 14px;
    width: 10px;
    height: 6px;
    background: url();
    display: block
}

.w-Stars {
    font-size: 0
}

.w-Stars, .w-Stars span {
    display: inline-block;
    vertical-align: middle
}

.w-Stars span {
    margin: 0 5px;
    cursor: pointer
}

.w-Stars h6 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.w-Stars_readonly span {
    cursor: default
}

.w-Notice-cont {
    background: #e6f7ff;
    border: 1px solid #bae7ff;
    border-radius: 4px;
    position: relative;
    padding: 8px 16px;
    min-height: 20px
}

.w-Notice-cont p {
    color: #62676d;
    line-height: 20px;
    margin: 0 10px 0 22px !important
}

.w-Notice-cont .icon_notice {
    float: left;
    position: relative;
    top: 2px
}

.w-Notice-cont .w-Notice-close {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 18px
}

.w-Notice-cont.short p {
    max-width: 85%
}

.w-Notice-btns {
    position: absolute;
    right: 16px;
    top: 9px
}

.w-Notice-btns a {
    color: #fd8600;
    margin-left: 10px
}

.w-Notice-btns a:hover {
    color: #ff9e31
}

.w-Notice-btns a:active {
    color: red
}

.w-Notice_warning .w-Notice-cont {
    background: #fffbe6;
    border: 1px solid #ffe58f
}

.body_modebox {
    overflow: hidden
}

.copyright {
    position: relative;
    background: #231815;
    padding-bottom: 40px;
    font-size: 14px;
    color: #fff
}

.copyright:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 10px;
    background-size: auto 100%;
    background-image: url()
}

.copyright .icon_weibo {
    width: 40px;
    height: 40px;
    background-image: url(/huajia/images/ic-weibo-normal.e254a4b.svg);
    background-size: 100% 100%;
    transition: background-image .3s
}

.copyright .icon_weibo:hover {
    background-image: url(/huajia/images/ic-weibo-hover.2ba0a0f.svg);
}

.copyright .scope-p1 {
    height: 100px;
    line-height: 100px;
    border-bottom: 1px dashed hsla(0, 0%, 100%, .3)
}

.copyright .scope-p3 {
    position: relative;
    margin-top: 39px
}

.copyright .scope-p3 .a_White {
    margin-right: 20px
}

.copyright .scope-p3 .split {
    margin-right: 20px;
    color: hsla(0, 0%, 100%, .3)
}

.copyright .a_White {
    margin-right: 80px
}

.copyright .a_White:link, .copyright .a_White:visited {
    color: #ccc
}

.copyright .a_White:active, .copyright .a_White:hover {
    color: #fff
}

.copyright .scope-p4 {
    margin-top: 78px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 20px;
    color: rgba(209, 242, 246, .5)
}

.copyright .scope-p4 p {
    margin-top: 10px
}

.copyright .scope-p4 p:first-child {
    margin-top: 0
}

.copyright .scope-p4 i {
    margin-right: 8px;
    vertical-align: top
}

.copyright .scope-p4 .a_White:link, .copyright .scope-p4 .a_White:visited {
    color: rgba(209, 242, 246, .5)
}

.copyright .scope-p4 .a_White:active, .copyright .scope-p4 .a_White:hover {
    color: #ccc
}

.copyright .scope-jianghu, .copyright .scope-yys {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #531f10;
    border-radius: 2px;
    line-height: 28px;
    padding: 2px 10px 2px 2px;
    transition: opacity .3s;
    opacity: .9;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.copyright .scope-jianghu:hover, .copyright .scope-yys:hover {
    opacity: 1
}

.copyright .scope-jianghu:hover span, .copyright .scope-yys:hover span {
    animation: float 1s infinite
}

.copyright .scope-jianghu img, .copyright .scope-yys img {
    width: 28px;
    margin-right: 9px
}

.copyright .scope-jianghu span, .copyright .scope-yys span {
    margin-left: 6px;
    display: inline-block
}

@keyframes float {
    0%, to {
        transform: translateX(0)
    }
    50% {
        transform: translateX(4px)
    }
}

.copyright .scope-jianghu {
    right: 175px
}

.copyright-cont {
    width: 960px;
    margin: 0 auto
}

.back-home {
    position: absolute;
    left: 20px;
    top: 20px
}

.back-home .icon {
    margin: 0 10px 0 0
}

.back-home-btn {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    padding: 0 20px
}

.back-home-btn:link, .back-home-btn:visited {
    background: rgba(14, 9, 8, .6)
}

.back-home-btn:active, .back-home-btn:hover {
    background: rgba(14, 9, 8, .7)
}

.cur {
    margin: 20px auto;
    height: 20px;
    line-height: 20px
}

.cur .icon_arr_mid_right {
    margin: -2px 10px 0
}

.cur .cur-nav {
    float: left
}

.cur .cur-extra {
    float: right;
    color: #ccc
}



.empty h3 {
    font-size: 20px;
    color: #9b9b9b
}

.footer {
    padding: 12px 0 18px;
    line-height: 24px;
    background: #23233c;
    margin-top: 60px
}

.footer, .footer a:link, .footer a:visited {
    color: #ccc
}

.footer a:active, .footer a:hover {
    color: #02bdd1
}

.gotop {
    position: fixed;
    bottom: 120px;
    left: 50%;
    background-color: #000017;
    opacity: .2;
    margin-left: 610px;
    width: 22px;
    height: 22px;
    padding: 14px;
    cursor: pointer;
    display: none
}

.gotop:hover {
    opacity: .3
}

.gotop:active {
    opacity: .5
}

.fixed-bar {
    position: fixed;
    bottom: 100px;
    z-index: 200;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-bar.right-side {
    right: 5%
}

.fixed-bar.left-side {
    display: none;
    left: 3%;
    background-color: #fff;
    padding: 14px;
    border-radius: 5px;
    border: 1px solid #d9d9d9
}

.fixed-bar #questionnaire {
    width: 48px;
    margin-bottom: 30px;
    animation: trophy 6s linear infinite;
    cursor: pointer
}

.fixed-bar .icon-to-top {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url();
    cursor: pointer;
    background-size: 100% 100%;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .01), 0 13px 13px 0 rgba(0, 0, 0, .01), 0 20px 15px 0 rgba(0, 0, 0, .01)
}

.fixed-bar .qrCode {
    width: 62px;
    padding-top: 62px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #5b5b5b
}

.fixed-bar .qrCode, .fixed-bar .qrCode:after {
    background-repeat: no-repeat;
    background-size: 100% auto
}

.fixed-bar .qrCode:after {
    content: "";
    width: 200px;
    height: 200px;
    position: absolute;
    left: 100px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    display: none;
    transform: translateX(-50px);
    animation: k-floatX-in .5s;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes k-floatX-in {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.fixed-bar .qrCode:hover:after {
    display: block
}

.fixed-bar .qrCode.app-qrCode, .fixed-bar .qrCode.app-qrCode:after {
    background-image: url(/huajia/images/app-qrCode.b93b7cd.jpg)
}

.fixed-bar .qrCode.app-qrCode:after {
    top: -70px
}

.fixed-bar .qrCode.minProgram-qrCode {
    margin-top: 14px;
    background-image: url(/huajia/images/minProgram-qrCode.7fd0ee4.jpg)
}

.fixed-bar .qrCode.minProgram-qrCode:after {
    background-image: url(/huajia/images/minProgram-qrCode.7fd0ee4.jpg);
    top: 60px
}

.fixed-bar .close-btn {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    left: 50%;
    margin-left: -8px;
    bottom: -22px;
    text-align: center;
    color: #5b5b5b
}

@keyframes breath {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.pager {
    text-align: center;
    margin: 30px auto
}

.pager li, .pager ul {
    display: inline-block
}

.pager li {
    vertical-align: middle;
    margin: 0 4px 0 0
}

.pager li * {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    min-width: 6px;
    border: 1px solid #ededed;
    color: #93989e;
    border-radius: 4px;
    font-size: 12px
}

.pager li :hover {
    border-color: transparent;
    color: #02bdd1
}

.pager li.active * {
    background: #02bdd1;
    border-color: #02bdd1;
    color: #fff
}

.pager li.disabled * {
    border-color: #f4f4f5;
    background: #f4f4f5;
    color: #909198
}

.slider {
    margin: 0 0 90px;
    width: 1000px;
    margin: 0 auto;
    height: 320px
}

.slider, .slider .l_Layout {
    overflow: hidden;
    position: relative
}

.slider ul {
    position: absolute;
    left: 0;
    top: 0
}

.slider li {
    float: left;
    cursor: pointer
}

.slider li img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.slider .slider-handler {
    *zoom: 1;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    margin-top: -24px;
    font-size: 0;
    width: 100%;
    display: none;
    height: 0;
    line-height: 0
}

.slider .slider-handler:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.slider .slider-handler span {
    background: rgba(0, 0, 23, .4);
    cursor: pointer;
    margin: 0 20px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    box-sizing: border-box
}

.slider .slider-handler span:hover {
    background-color: rgba(0, 0, 23, .3)
}

.slider .slider-handler span:active {
    background: rgba(0, 0, 23, .5)
}

.slider .icon {
    cursor: pointer
}

.slider .slider-handler-left {
    float: left
}

.slider .slider-handler-left .icon {
    margin-left: -3px
}

.slider .slider-handler-right {
    float: right
}

.slider .slider-handler-right .icon {
    margin-left: 3px
}

.slider .slider-dots {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%
}

.slider .slider-dots span {
    display: inline-block;
    vertical-align: middle;
    background: hsla(0, 0%, 100%, .4);
    margin: 0 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer
}

.slider .slider-dots span.on {
    width: 12px;
    height: 12px;
    background: #fff
}

.slider .slider-dots span:hover {
    background: hsla(0, 0%, 100%, .7)
}

.focus {
    margin: -60px 0 0;
    height: 100vh;
    max-height: 1080px;
    border-bottom: 40px solid rgba(0, 0, 0, .5);
    box-sizing: border-box;
    position: relative;
    min-width: 1200px
}

.focus-bg div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 1200px;
    display: none;
    background-size: cover
}

.cont-tab ul {
    text-align: center
}

.cont-tab li {
    display: inline-block;
    width: 40%;
    color: #fff;
    cursor: pointer
}

.cont-tab li:after {
    content: "";
    width: 26px;
    height: 3px;
    border-radius: 1.5px;
    display: block;
    position: relative;
    margin: 8px auto 0;
    background: transparent
}

.cont-tab li.on:after, .cont-tab li:hover:after {
    background: #02bdd1
}

.cont-tab li.on {
    color: #02bdd1
}

.cont_tab_light li {
    color: #2a2b2d !important
}

.cont_tab_light li.on h3 {
    font-weight: 700
}

.page-status {
    text-align: center;
    padding: 80px 0
}

.page-status h3 {
    font-size: 20px;
    margin: 20px 0 10px
}

.page-status p {
    margin: 10px 60px;
    line-height: 24px;
    font-size: 16px;
    color: #93989e
}

.list-tab {
    height: 36px
}

.list-tab li {
    border: 1px solid #eee;
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-right: 6px;
    text-align: center;
    padding: 0 20px;
    min-width: 60px;
    background: #f8f8f8;
    cursor: pointer
}

.list-tab li.on, .list-tab li:hover {
    color: #02bdd1;
    background: #fff
}

.list-tab li.on {
    height: 35px
}

.begin-form .i_Btn_big, .begin-form .i_Text_line {
    width: 100%
}

.begin-form .login-captcha {
    margin-bottom: 20px
}

.begin-form .form-error {
    font-size: 12px;
    color: #ed510b;
    line-height: 26px;
    position: relative;
    height: 22px
}

.begin-form-item {
    margin: 0 0 20px
}

.begin-form-item_mutiple .i_Text_line {
    width: 190px
}

.begin-form-item_mutiple .i_Btn {
    float: right;
    width: 120px
}

.begin-extra {
    font-size: 12px
}

.begin-extra p {
    text-align: right
}

.begin-extra p span {
    margin: 0 10px;
    color: #e4e4e4
}

.begin-extra p a, .begin-extra p span {
    vertical-align: middle
}

.form-pics {
    *zoom: 1
}

.form-pics:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.form-pics-thum > a, .form-pics-thum > div {
    margin: 0 10px 10px 0
}

.form-pics-thum > div {
    position: relative;
    float: left
}

.form-pics-thum > div a {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -30px;
    display: none
}

.form-pics-thum > div img {
    box-sizing: border-box;
    width: 150px;
    height: 150px
}

.form-pics-thum > div:hover a {
    display: block
}

.form-pics-thum > div:hover img {
    border: 1px solid #02bdd1
}

.form-pics-thum > div > .icon-secret {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 12;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: rgba(42, 43, 45, .6);
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff
}

.form-pics-upload {
    width: 148px;
    height: 76px;
    border: 1px solid #eee;
    text-align: center;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.form-pics-upload:hover {
    border-color: #ccc
}

.form-item-delete {
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: #492f28;
    color: #fff !important;
    font-size: 12px;
    width: 60px;
    text-align: center;
    display: inline-block
}

.form-item-delete:hover {
    background: #6a443a
}

.form-attachment ul {
    border: 1px solid #eee;
    border-bottom: none
}

.form-attachment li {
    border-bottom: 1px solid #eee;
    height: 32px;
    line-height: 32px;
    overflow: hidden
}

.form-attachment li h4 {
    float: left;
    width: 410px;
    line-height: 32px;
    padding: 0 10px
}

.form-attachment li h4 strong {
    font-weight: 400;
    max-width: 320px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 32px;
    vertical-align: middle;
    margin-right: 6px
}

.form-attachment li p.form-attachment-status {
    float: left;
    font-size: 12px;
    color: #02bdd1
}

.form-attachment li .form-item-delete {
    float: right;
    margin: 6px 10px 0 0
}

.stage-preview {
    background: #f6f6f6;
    border-radius: 2px;
    padding: 20px
}

.stage-preview ul {
    display: -ms-flexbox;
    display: flex
}

.stage-preview li {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    text-align: center;
    color: #62676d;
    position: relative
}

.stage-preview li:after {
    content: "";
    background: #02bdd1;
    height: 2px;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 24px
}

.stage-preview li:first-child {
    text-align: left
}

.stage-preview li:first-child i {
    width: 12px;
    height: 12px;
    margin-top: 7px
}

.stage-preview li:last-child {
    text-align: right
}

.stage-preview li:last-child i {
    width: 12px;
    height: 12px;
    margin-top: 7px
}

.stage-preview li i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #02bdd1;
    border-radius: 50%;
    margin: 10px 0 8px
}

.stage-preview li h4 {
    font-size: 12px;
    color: #2a2b2d;
    min-height: 12px
}

.form-rule {
    margin: 6px 0;
    text-align: right;
    font-size: 12px;
    color: #aaa6a6
}

.form-rule p {
    float: left
}

.list-filters {
    background: #eff9fb;
    border-radius: 10px;
    padding: 7px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0
}

.filters-item {
    padding-top: 13px;
    border-bottom: 1px dashed #e5e8ee
}

.filters-item.item-ip {
    position: relative;
    height: 37px;
    padding-right: 60px;
    overflow: hidden
}

.filters-item.item-ip button {
    position: absolute;
    right: 0;
    top: 10px;
    color: #666
}

.filters-item.item-ip button i {
    margin-top: -2px;
    margin-right: -4px;
    transform: scale(.5)
}

.filters-item:last-child {
    border: none
}

.filters-item h4 {
    float: left;
    font-size: 15px;
    line-height: 24px;
    color: #62676d
}

.filters-item .w-Radiogroup {
    margin-left: 50px;
    display: block
}

.filters-item .w-Radiogroup span {
    padding: 0 10px;
    margin-right: 8px;
    margin-bottom: 13px;
    line-height: 22px;
    border: 1px solid #e2eaf1;
    border-radius: 12px;
    background: #fff;
    font-size: 12px;
    color: #696969
}

.filters-item .w-Radiogroup span:hover {
    border-color: #02bdd1;
    color: #02bdd1
}

.filters-item .w-Radiogroup span.on {
    border-color: #02bdd1;
    background: #02bdd1;
    color: #fff
}

.main-cont {
    max-width: 1000px;
    margin: 0 auto
}

.page-title {
    border-bottom: 2px solid #f6f6f6;
    padding: 24px 0 6px;
    line-height: 34px
}

.page-title h2 {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.page-title-icon {
    padding-top: 24px;
    line-height: 37px
}

.page-title-icon h2 {
    display: inline-block;
    font-size: 20px
}

.page-title-icon h2 i {
    margin-right: 20px
}

.page-title-icon h2 i, .page-title-icon h2 span {
    vertical-align: middle
}

.page-title-tabs {
    position: relative;
    padding-top: 24px;
    padding-bottom: 11px
}

.page-title-tabs .scope-tab {
    display: inline-block
}

.page-title-tabs .scope-tab h2 {
    position: relative;
    line-height: 37px;
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #696969;
    cursor: pointer
}

.page-title-tabs .scope-tab h2.on {
    color: #2c2c2c
}

.page-title-tabs .scope-tab h2:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    background: #e5e8ee;
    width: 1px;
    height: 12px;
    margin-top: -6px
}

.page-title-tabs .scope-tab h2:last-child:after {
    display: none
}

.page-title-tabs .under-line {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 3px;
    margin-left: -15px;
    border-radius: 1.5px;
    background: #02bdd1;
    display: none;
    transition: left .3s
}

.page-title-tabs .under-line:after {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #02bdd1
}

.page-title-tabs-extra {
    position: relative;
    padding-top: 24px;
    padding-bottom: 11px
}

.page-title-tabs-extra .scope-tab {
    display: inline-block;
    font-size: 0
}

.page-title-tabs-extra .scope-tab h2, .page-title-tabs-extra .scope-tab h3 {
    position: relative;
    line-height: 37px;
    margin-left: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #696969;
    cursor: pointer
}

.page-title-tabs-extra .scope-tab h2.on, .page-title-tabs-extra .scope-tab h3.on {
    color: #2c2c2c
}

.page-title-tabs-extra .scope-tab h2:before, .page-title-tabs-extra .scope-tab h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -21px;
    background: #e5e8ee;
    width: 1px;
    height: 12px;
    margin-top: -6px
}

.page-title-tabs-extra .scope-tab h2:first-child, .page-title-tabs-extra .scope-tab h3:first-child {
    margin-left: 0
}

.page-title-tabs-extra .scope-tab h2:first-child:before, .page-title-tabs-extra .scope-tab h3:first-child:before {
    display: none
}

.page-title-tabs-extra .scope-tab h2:after, .page-title-tabs-extra .scope-tab h3:after {
    content: "";
    width: 18px;
    height: 3px;
    border-radius: 1.5px;
    display: block;
    position: relative;
    margin: 0 auto;
    background: transparent
}

.page-title-tabs-extra .scope-tab h2.on:after, .page-title-tabs-extra .scope-tab h2:hover:after, .page-title-tabs-extra .scope-tab h3.on:after, .page-title-tabs-extra .scope-tab h3:hover:after {
    background: #02bdd1
}

.page-title-tabs-extra .scope-tab h3 {
    font-size: 16px;
    line-height: 32px;
    margin-left: 25px
}

.page-title-tabs-extra .scope-tab h3:last-child {
    margin-right: 0
}

.page-title-tabs-extra .scope-tab h3:before {
    left: -14px
}

.page-title-extra {
    float: right
}

.page-title-extra .w-Select {
    background: transparent
}

.area {
    *zoom: 1;
    margin: 20px auto
}

.area:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.area .col1 {
    width: 670px;
    float: left
}

.area .col1 .section-title {
    padding-top: 32px;
    border-top: 1px solid #f6f6f6
}

.area .col-title {
    padding: 0 0 12px;
    border-bottom: 1px solid #f6f6f6
}

.area .col-title .l_Right .i_Btn {
    margin: -6px 0 0
}

.area .page-title-tabs-extra {
    padding: 0;
    border-bottom: 1px solid #f6f6f6
}

.area .section-title {
    margin: 32px 0 20px
}

.area .col2 {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    margin-left: 690px
}

.area .col2 .scope-btns {
    padding: 20px
}

.area .col2 .scope-btns p {
    margin: 20px 0 0
}

.area .col2 .empty {
    padding: 20px 0
}

.area .col2 .scope-artists {
    margin: 20px 0
}

.area .col2 .scope-artists li {
    margin: 12px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.area .col2 .scope-artists li .user-thum {
    margin-right: 6px
}

.area .btn-big a {
    margin: 10px auto 0;
    display: block;
    width: 80%
}

.area .hidden {
    position: absolute;
    z-index: -1;
    visibility: hidden
}

.shadow-box {
    box-shadow: 0 0 4px 0 #e0e5e7;
    padding: 20px;
    border-radius: 10px;
    background: #fff
}

.user-card {
    text-align: center
}

.user-card .tag {
    margin: 0 2px 4px
}

.user-card h3 {
    margin-top: 5px;
    font-size: 16px;
    padding-top: 3px
}

.user-card h3 a, .user-card h3 span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 220px;
    line-height: 170%
}

.user-card .scope-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 8px 0;
    background-color: #eff9fb;
    border-radius: 4px
}

.user-card .scope-data a {
    font-size: 12px
}

.user-card .scope-desc {
    margin: 20px 0 0;
    text-align: left
}

.user-card .scope-desc.f_Lineheight {
    margin-bottom: 0 !important
}

.user-card i.icon_follow, .user-card i.icon_followed {
    margin-left: -6px;
    margin-right: 4px;
    vertical-align: baseline
}

.user-score li {
    margin: 15px 0 20px
}

.user-score label {
    display: inline-block;
    width: 74px;
    color: #62676d
}

.user-score div {
    width: 140px;
    background: #ededed;
    font-size: 0;
    margin: 0 6px 0 0;
    overflow: hidden
}

.user-score div, .user-score div p {
    display: inline-block;
    height: 8px;
    border-radius: 4px
}

.user-score div p {
    background: #f2b077
}

.apply-info li {
    margin: 0 0 20px
}

.apply-list li {
    padding: 36px 10px;
    border-bottom: 1px solid #ededed;
    position: relative
}

.apply-list li h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    line-height: 26px;
    max-width: 460px;
    display: inline-block;
    vertical-align: middle
}

.apply-list li p {
    color: #93989e
}

.apply-list li p span {
    margin-right: 30px
}

.apply-list li p strong {
    color: #5b5b5b;
    font-weight: 400
}

.apply-list li .btns {
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 10px;
    top: 40px
}

.apply-list li .btns .i_Btn {
    margin-left: 10px;
    padding: 0 12px
}

.apply-list li .scope-extra {
    color: #62676d;
    float: right
}

.apply-list li address {
    margin: 12px 0 24px
}

.apply-list li address span {
    margin: 0 10px 0 0;
    font-style: normal;
    color: #93989e
}

.apply-list li .scope-title span {
    line-height: 20px;
    margin: 1px 0 0 6px;
    display: inline-block;
    vertical-align: top
}

.apply-list li .icon_finished {
    position: absolute;
    top: 5px;
    left: 300px
}

.apply-recommand h2 {
    font-size: 18px;
    color: #2a2b2d;
    line-height: 36px
}

.apply-recommand .apply-list li {
    border: none;
    background: #fff;
    border-radius: 8px;
    padding: 20px 30px;
    margin: 15px 0;
    height: auto;
    transition: box-shadow .3s;
    border: 1px solid #f1f1f1
}

.apply-recommand .apply-list li:hover {
    box-shadow: 0 15px 20px -15px rgba(63, 121, 128, .2)
}

.apply-recommand .apply-list li h3 {
    max-width: 600px
}

.apply-recommand .apply-list p {
    font-size: 16px
}

.apply-list_small li {
    height: auto;
    padding: 20px 0;
    width: 100%
}

.apply-list_small li.apply {
    padding: 10px 0
}

.apply-list_small li.apply p {
    padding: 22px 0;
    text-align: center;
    background: #f1f7ff
}

.apply-list_small li .scope-extra {
    position: absolute;
    right: 0;
    top: 24px
}

.apply-list_small li address {
    font-size: 12px;
    margin: 10px 0
}

@keyframes floatIn {
    0% {
        transform: translateY(50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.works-list .work-item {
    border-radius: 6px;
    overflow: hidden;
    width: 200px;
    box-sizing: border-box;
    transform: translateY(50px);
    animation: floatIn .3s;
    animation-fill-mode: forwards;
    opacity: 0
}

.works-list .work-item.animationend {
    opacity: 1;
    animation: none;
    transform: none
}

.works-list .work-item:hover {
    box-shadow: 0 0 8px 0 #d7ddde
}

.works-list .work-item:hover .work-delete {
    display: block
}

.works-list .work-item.upload {
    border: 1px dashed #dee1e6;
    font-size: 14px;
    color: #62676d;
    cursor: pointer;
    box-shadow: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.works-list .work-item.upload i {
    margin-right: 5px;
    vertical-align: middle
}

.works-list .work-item img {
    cursor: pointer;
    background: #efefef url() no-repeat 50%
}

.works-list .work-warning {
    position: absolute;
    left: 3px;
    top: 3px;
    background: #fdfdfd;
    border: 1px solid #ed510b;
    border-radius: 3px;
    padding: 3px 6px
}

.works-list .work-delete {
    position: absolute;
    right: 6px;
    top: 6px;
    background: #492f28;
    color: #ddd;
    font-size: 17px;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 16px;
    border-radius: 10px;
    display: none
}

.works-list .work-delete:hover {
    color: #fff;
    background: #6a443a
}

.works-list .work-item-extra {
    padding: 8px;
    height: 20px;
    line-height: 20px
}

.works-list .user-thum {
    margin: -2px 6px 0 0
}

.works-list .icon_like {
    margin-left: 4px
}

.works-list_all .work-item {
    width: 235px;
    overflow: hidden;
    box-shadow: 0 0 4px 0 #e0e5e7
}

.works-list_all .work-item-extra > a:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 166px;
    display: inline-block
}

.board-artist-list .scope-artist-filter {
    background: #f1f7ff;
    border-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 20px
}

.board-artist-list > ul > li {
    *zoom: 1;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 6px;
    transition: box-shadow .3s;
    border: 1px solid #f1f1f1
}

.board-artist-list > ul > li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.board-artist-list > ul > li:hover {
    box-shadow: 0 15px 20px -15px rgba(63, 121, 128, .2)
}

.board-artist-list .scope-thum {
    float: left;
    position: relative
}

.board-artist-list .scope-thum .icon_invite {
    position: absolute;
    bottom: -5px;
    left: -5px;
    color: #fff
}

.board-artist-list .scope-thum .artist_star {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff3eb
}

.board-artist-list .scope-desc {
    float: left;
    margin-left: 20px;
    max-width: 314px;
    min-height: 80px
}

.board-artist-list .scope-desc h3 {
    font-size: 15px
}

.board-artist-list .scope-desc .tag {
    margin-right: 6px;
    margin-bottom: 6px
}

.board-artist-list .scope-desc .data {
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.board-artist-list .scope-desc .data span {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px solid #f3f7f7;
    font-size: 12px;
    color: #60676e
}

.board-artist-list .scope-desc .data span:first-child {
    border: none;
    margin-left: 0;
    padding-left: 0
}

.board-artist-list .scope-desc .data span font {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 700
}

.board-artist-list .scope-desc .desc {
    color: #60676e;
    height: 42px;
    font-size: 12px;
    margin: 12px 0;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.board-artist-list .scope-desc i.icon_follow, .board-artist-list .scope-desc i.icon_followed {
    margin-left: -6px;
    margin-right: 4px;
    vertical-align: baseline
}

.board-artist-list .scope-desc p {
    margin: 10px 0 0
}

.board-artist-list .scope-desc .i_Btn {
    margin-right: 10px
}

.board-artist-list .scope-samples {
    float: right;
    font-size: 0
}

.board-artist-list .scope-samples li {
    display: inline-block;
    margin-left: 8px;
    position: relative
}

.board-artist-list .scope-samples li.works-empty {
    width: 534px;
    height: 90px;
    line-height: 90px;
    border-radius: 4px;
    background: #fafafa;
    text-align: center;
    font-size: 14px;
    color: #b2b7bd
}

.board-artist-list .scope-samples li img {
    border-radius: 4px
}

.board-artist-list .scope-samples li:hover .tags {
    opacity: 1
}

.board-artist-list .scope-samples li .tags {
    position: absolute;
    padding: 20px 5px 3px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 0;
    background-image: linear-gradient(180deg, rgba(30, 30, 30, 0), rgba(30, 30, 30, .7))
}

.board-artist-list .scope-samples li .tags span {
    margin: 0 2px
}

.board-artist-list .scope-samples li .tags span:first-child {
    display: none
}

.board-artist-list .scope-extra {
    clear: both;
    margin: 40px 0 0;
    overflow: hidden
}

.board-artist-list .scope-extra p {
    float: left;
    width: 400px;
    font-size: 12px;
    line-height: 20px
}

.board-artist-list .scope-extra .scope-label {
    text-align: right;
    font-size: 12px
}

.board-artist-list .scope-extra .scope-label span {
    margin-right: 20px
}

.board-artist-list .scope-extra .scope-label .i_Btn {
    margin-left: 10px
}

.board-artist-list .scope-extra .scope-label .i_Btn_disabled {
    cursor: pointer
}

.board-artist-list .scope-score span {
    margin-right: 20px
}

.board-artist-list_small > ul > li {
    border: none;
    margin: 20px 0 0;
    padding: 0;
    box-shadow: none !important
}

.board-artist-list_small > ul > li .scope-desc {
    max-width: 220px;
    margin: 6px 0 0 10px
}

.board-artist-list_small > ul > li .scope-desc .data {
    margin-top: 6px
}

.board-artist-list_small > ul > li .scope-desc .data span {
    padding-left: 6px;
    margin-left: 6px
}

.board-artist-list_small > ul > li .scope-desc .data span font {
    font-size: 12px
}

.board-artist-list_small > ul > li .scope-desc .desc {
    margin: 6px 0
}

.board-artist-list_small > ul > li .scope-samples li .cover {
    line-height: 100px
}

.work-window {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: rgba(40, 40, 40, .95);
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0
}

.work-window .image-raw {
    position: absolute;
    left: 50%;
    top: 120%;
    margin-bottom: 20px;
    max-width: 80%;
    animation: fadeIn .5s linear 0s 1
}

.work-window .loading {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px
}

.work-detail {
    min-width: 550px;
    position: absolute;
    top: 120%;
    left: 50%;
    margin: 0 0 40px;
    animation: fadeIn .5s linear 0s 1
}

.works-cont .work-detail {
    position: static;
    left: auto;
    top: auto;
    margin: 0 auto
}

.works-cont .work-header {
    padding: 20px 0
}

.work-header {
    border-radius: 8px 8px 0 0;
    background: #fff;
    height: 32px;
    padding: 20px 30px
}

.work-header .user-thum {
    margin-right: 6px
}

.work-header .i_Btn {
    margin-left: 10px
}

.work-extends {
    max-width: 670px;
    box-sizing: border-box;
    margin-top: 30px;
    border-radius: 8px;
    background: #fff;
    padding: 20px 30px
}

.work-cont {
    width: 670px;
    min-height: 670px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ededed
}

.work-cont img {
    max-width: 670px
}

.work-cont.max-width-550 img {
    max-width: 550px
}

.work-cont.max-height-800 img {
    max-height: 800px
}

.work-footer {
    *zoom: 1;
    padding: 16px 30px;
    border-radius: 0 0 8px 8px;
    background: #fff
}

.work-footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.work-footer p {
    margin: 6px 0;
    line-height: 20px
}

.work-footer .tag {
    margin: 0 4px 0 0
}

.window-close {
    position: fixed;
    right: 22px;
    top: 90px;
    padding: 10px;
    background: #666;
    border-radius: 50%
}

.window-close:hover {
    background: #bbb
}

.work-next, .work-pre {
    position: fixed;
    padding: 20px 10px;
    background: #666;
    top: 50%;
    margin: -32px 0 0;
    cursor: pointer;
    border-radius: 4px
}

.work-next:hover, .work-pre:hover {
    background: #999
}

.work-next:active, .work-pre:active {
    opacity: .6
}

.work-next.disabled, .work-pre.disabled {
    opacity: .4;
    cursor: not-allowed;
    background: #93989e
}

.work-pre {
    left: 30px
}

.work-next {
    right: 30px
}

.artist_star, .company, .identification {
    display: inline-block;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px;
    margin-top: 8px
}

.artist_star {
    background: rgba(255, 128, 39, .1);
    color: #ff8228;
    width: 60px
}

.identification {
    background: rgba(4, 215, 228, .1);
    color: #04d7e4
}

.company {
    background: rgba(149, 186, 255, .1);
    color: #95baff
}

.popup {
    position: fixed;
    background: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    z-index: 1000
}

.popup-box {
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 460px;
    border-radius: 6px
}

.popup-header {
    border-bottom: 1px solid #e9e9e9;
    height: 60px;
    padding: 0 20px
}

.popup-header h3 {
    line-height: 60px;
    font-size: 18px;
    font-weight: 700
}

.popup-header .update-time {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 30px;
    right: 48px;
    color: red;
    line-height: 30px
}

.popup-header .popup-close {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 24px;
    color: #999;
    font-weight: 400
}

.popup-header .popup-close:active, .popup-header .popup-close:hover {
    color: #666
}

.popup-cont {
    padding: 20px 30px;
    text-align: center
}

.popup-cont .l_Tb {
    margin: 0 auto
}

.popup-common {
    text-align: left;
    line-height: 28px;
    font-size: 16px;
    display: inline-block
}

.popup-footer {
    padding: 10px 30px 30px;
    text-align: center
}

.popup-footer .i_Btn {
    margin: 0 10px;
    min-width: 100px
}

.popup-apply-pay {
    border-bottom: 1px solid #eee;
    padding: 0 0 20px
}

.popup-apply-pay p {
    padding-bottom: 12px
}

.board-batchpay-list, .popup-attachment {
    max-height: 384px;
    overflow-y: auto;
    margin: 0 -15px;
    min-height: 200px
}

.popup-attachment {
    max-height: 420px
}

.popup-attachment img {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #eee;
    -o-object-fit: contain;
    object-fit: contain
}

.popup-attachment .t_Right a {
    margin-left: 10px
}

.board-batchpay-title {
    margin: 0 -10px 10px
}

.board-batchpay-count {
    margin: 15px -10px 0
}

.popup-allfile {
    border: 1px solid #dee1e6
}

.popup-allfile .scope-step {
    height: 400px;
    width: 160px;
    border-right: 1px solid #dee1e6;
    float: left
}

.popup-allfile .scope-step li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dee1e6;
    color: #93989e;
    cursor: pointer
}

.popup-allfile .scope-step li:hover {
    color: #000;
    background: #fffbe6
}

.popup-allfile .scope-step li.on {
    color: #02bdd1;
    background: #eff6ff;
    font-weight: 700
}

.popup-allfile .file-list {
    height: 400px;
    margin-left: 161px;
    overflow-y: auto;
    padding: 0 20px
}

.popup-allfile .file-list h4 {
    padding: 20px;
    border-bottom: 1px solid #eee;
    background: #f6f6f6
}

.popup-allfile .file-list .t_Right a {
    margin-left: 20px
}

.popup-allfile .file-list img {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #eee;
    -o-object-fit: contain;
    object-fit: contain
}

.popup-allfile .file-list .project-step-status {
    padding-top: 160px
}

hr {
    height: 0;
    border: none;
    border-bottom: 1px solid #f6f6f6;
    margin: 12px 0 20px
}

div::-webkit-scrollbar, textarea::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

div::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #c3c8ce
}

div::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #ededed
}

.popup_accountBinding input, .popup_modifyPassword input, .popup_modifyPhoneNum input, .popup_setPaymentPassword input {
    width: 81.2%
}

.popup_accountBinding input[disabled], .popup_modifyPassword input[disabled], .popup_modifyPhoneNum input[disabled], .popup_setPaymentPassword input[disabled] {
    background: #f6f6f6
}

.popup_accountBinding .i_Btn_hollow, .popup_modifyPassword .i_Btn_hollow, .popup_modifyPhoneNum .i_Btn_hollow, .popup_setPaymentPassword .i_Btn_hollow {
    width: 42%;
    margin-left: 10px
}

.popup_accountBinding .error-wrap, .popup_modifyPassword .error-wrap, .popup_modifyPhoneNum .error-wrap, .popup_setPaymentPassword .error-wrap {
    background: #fff6f2;
    border-radius: 20%
}

.popup_accountBinding .icon_bank, .popup_modifyPassword .icon_bank, .popup_modifyPhoneNum .icon_bank, .popup_setPaymentPassword .icon_bank {
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0
}

.popup_editPersonalInfo dl {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #f6f6f6
}

.popup_editPersonalInfo dl dt img {
    width: 62px;
    height: 62px
}

.popup_editPersonalInfo dl dd {
    margin-left: 20px
}

.popup_editPersonalInfo dl dd.middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.popup_editPersonalInfo dl dd.middle input {
    margin-bottom: 0
}

.popup_editPersonalInfo dl dd input {
    width: 378px;
    margin-bottom: 10px
}

.popup_editPersonalInfo h4 {
    color: #002b00;
    margin: 24px 0 10px
}

.popup_editPersonalInfo h5 {
    margin-top: 10px
}

.popup_editPersonalInfo textarea.i_Text {
    width: 96%;
    height: 80px;
    margin-bottom: 10px
}

.popup_editPersonalInfo .w-Checkboxgroup {
    width: 100%;
    max-height: 80px;
    padding: 0 3px 5px;
    border: 1px solid #f6f6f6;
    font-size: 0;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    border-radius: 6px
}

.popup_editPersonalInfo .w-Checkboxgroup span {
    border-radius: 4px;
    display: inline-block;
    color: #2a2b2d;
    padding: 5px;
    border: 1px solid #dee1e6;
    background: #fdfdfd;
    margin: 8px 5px 0;
    font-size: 12px
}

.popup_editPersonalInfo .w-Checkboxgroup span.on {
    color: #02bdd1;
    background: rgba(0, 122, 255, .1);
    border: 1px solid #02bdd1
}

.article {
    margin: 20px auto 80px;
    font-size: 14px;
    color: #62676d;
    line-height: 22px;
    text-align: justify
}

.article .page-title {
    padding-top: 18px;
    margin-bottom: 30px;
    color: #2a2b2d
}

.article .shadow-box {
    padding: 20px 100px
}

.article h1 {
    font-size: 21px
}

.article h1, .article h2 {
    color: #2a2b2d;
    margin: 30px 0
}

.article h2 {
    font-size: 18px
}

.article h3 {
    font-size: 16px;
    color: #2a2b2d;
    margin: 30px 0;
    line-height: 26px
}

.article h4 {
    color: #2a2b2d;
    margin: 30px 0 20px
}

.article p {
    margin: 24px 0
}

.article ul, .article ul > li > ol {
    padding-left: 32px
}

.article img {
    margin-top: 30px;
    max-width: 100%
}

.article ol {
    list-style: decimal;
    padding-left: 16px
}

.article ol ol {
    list-style: lower-latin
}

.article ol ol ol {
    list-style: circle
}

.article ol ol ol ol {
    list-style: disc
}

.article ol ol ol ol ol {
    list-style: square
}

.article li {
    margin: 24px 0
}

.article .f_Red {
    color: red
}

.lang-en .copyright .scope-p1 .a_White {
    margin-right: 50px
}

.lang-en .copyright .scope-p3 .a_White {
    margin-right: 34px
}

.lang-en .copyright .scope-jianghu, .lang-en .copyright .scope-yys {
    top: 40px
}

.lang-en .copyright .scope-jianghu {
    right: 255px
}


.lang-en .index-focus .focus-entry a.entry-demand {
    background-image: url(/huajia/images/btn-right-normal-en.63f2e8b.png)
}



.lang-en .begin-form-item_mutiple .i_Btn {
    width: 160px !important
}

.lang-en .begin-form-item_mutiple .i_Text_line {
    width: 154px !important
}

.lang-en .form-region {
    padding-left: 160px !important
}

.lang-en .form-region .w-Select {
    width: 154px !important
}

.lang-en .reg-banner ul {
    padding: 0 20px
}

.lang-en .reg-banner .reg-img {
    bottom: 0
}

.lang-en .filters-item .w-Radiogroup {
    margin-left: 80px
}

.lang-en .header .nav li {
    margin: 0 10px
}

.lang-en .header .w-Search_on {
    width: 150px
}

@keyframes spread {
    0% {
        width: 32px
    }
    to {
        width: 150px
    }
}

.lang-en .header .post-commission {
    width: 174px !important
}

.lang-en .user-score label {
    display: block;
    width: auto
}

.lang-en .user-score div {
    width: 230px
}

.lang-en .c-works-detail-popup .footer-left {
    -ms-flex: auto !important;
    flex: auto !important;
    width: 650px
}

.lang-en .c-comment-report-popup .report-reasons li, .lang-en .c-works-report-popup .report-reasons li {
    width: auto !important;
    display: block !important
}

.lang-en .c-popup-avatar .avatar .mark span {
    font-size: 12px;
    word-break: keep-all
}

.lang-en .board-project .board-artist-info a {
    display: block
}

.lang-en .w-Notice-cont.short {
    overflow: hidden
}

.lang-en .w-Notice-cont.short p {
    max-width: none
}

.lang-en .w-Notice-btns {
    position: static;
    float: right
}

.lang-en .c-project-apply-business-layout .c-select {
    width: 600px !important
}

.lang-en .my-wallet .w-Select_filter {
    width: 120px
}

.lang-en .account-recharge .w-Radiogroup span {
    margin-top: 20px
}

.lang-en .board .board-artist-list .scope-score span {
    display: block
}

.lang-en .apply-recommand .apply-list p {
    font-size: 14px
}

.lang-en .board .project-step-cont .tb_Order .t_Right span {
    margin-right: 44px
}

.lang-en .p-account .account-group .group-item .scope-name {
    min-width: 188px
}

.lang-en .p-account .account-group .group-item .scope-status {
    margin-right: 60px
}

.lang-en #j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.tag-2 {
    left: 170px
}

.lang-en .form-pics-upload span {
    width: 102px;
    line-height: 1.5
}

.lang-en #j_popup_editorial-work-info dl dd .w-Checkboxgroup, .lang-en #j_popup_editorial-work-info dl dd .w-Radiogroup {
    max-height: 100px;
    overflow: auto
}

.lang-en .board .project-comment .scope-col li h5 {
    display: block !important;
    width: auto !important
}

.lang-en .c-popup-login .popup-box {
    width: 476px !important
}

.lang-en .c-popup-login .login-header .cont-tab li {
    width: 46%
}

.lang-en .c-popup-login .popup-group .i_Btn_hollow:link, .lang-en .c-popup-login .popup-group .i_Btn_hollow:visited {
    width: 166px !important
}

.lang-en .c-popup-login .popup-group .i_Text[name=mobile] {
    width: 324px !important
}

.lang-en .c-popup-login .popup-group .i_Text[name=smscode] {
    width: 220px !important
}

.lang-en .p-visitor-detail .user-action li {
    min-height: 200px;
    vertical-align: top
}

.lang-en .p-visitor-detail .user-action li:last-child button {
    margin-top: 40px
}

.lang-en .p-account .sub-group .sub-group-title {
    width: 188px
}

.lang-en .popup_modifyPhoneNum .popup-box {
    width: 686px !important
}

.lang-en .popup_modifyPhoneNum input {
    width: 88.2%
}

.lang-en .popup_modifyPhoneNum .i_Btn_hollow {
    width: 48%
}

.lang-en .popup_modifyPassword .popup-box {
    width: 388px !important
}

.lang-en .popup_setPaymentPassword .popup-box {
    width: 650px !important
}

.lang-en .popup_setPaymentPassword .i_Btn_hollow {
    width: 44%
}

.lang-en .popup_fans .popup-box {
    width: 586px !important
}

.lang-en .popup_fans .i_Text {
    width: 50% !important;
    margin-right: 1% !important
}

.lang-en .popup_accountBinding .popup-box {
    width: 656px !important
}

.lang-en .c-project-apply-business-layout .layout-header {
    height: 104px !important;
    padding-bottom: 36px !important
}

.lang-en .p-project-apply-business-step-2 .form-group .form-group-extend label {
    width: 188px
}

.lang-en .p-project-apply-business-step-2 .form-group .form-group-extend .form-group-checkbox {
    margin-left: 0 !important
}

.lang-en #j_popup_stop .form-rule {
    text-align: left
}

.lang-en .c-file-uploader .btn-text {
    width: 73px
}

.lang-en .apply-person .w-Select {
    width: 600px !important
}

.lang-en .apply-person .apply-form-other span {
    display: block;
    padding-left: 10px;
    margin-bottom: 10px
}

.lang-en .board .apply-list li h3 {
    margin-bottom: 22px
}

.lang-en .board-artist-list .scope-score span {
    display: block
}

.lang-en .board-artist-list .scope-extra .scope-label span + a {
    margin-left: 100px !important
}

.lang-en .board-artist-list .scope-extra .scope-label a {
    margin-top: 10px
}

.lang-en .p-project-apply-business-step-1 .form-group .form-group-extend label {
    position: absolute;
    top: 10px;
    left: 11px
}

.lang-en .p-project-apply-business-step-1 .w-Radiogroup span {
    min-width: 100px
}

.lang-en .p-project-apply-business-step-1 .form-group .form-group-extend {
    position: relative;
    padding: 40px 10px 10px !important
}

.lang-en .popup_board-chose .l_Tb .t_Vtop {
    width: 170px
}

.lang-en .board .project-comment .scope-col li .w-Stars {
    display: block;
    margin-top: 18px;
    margin-left: -5px
}

.lang-en #j_popup_board-pass .popup-box {
    width: 584px !important
}

.lang-en .board .project-artist-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4
}

.lang-en .board .project-artist-header strong {
    display: inline-block;
    -ms-flex: 1;
    flex: 1
}

.lang-en .board .project-artist-header .c_Gray {
    margin-right: 10px
}

.lang-en #j_popup_board-invite .popup-box {
    width: 640px !important
}

.lang-en #j_injection-project-edit .w-Select {
    width: 600px !important
}

.lang-en .drop-menu {
    width: 165px
}



.g-plat-mobile.adaptation-mobile, .g-plat-mobile.adaptation-mobile body {
    min-width: auto
}

.g-plat-mobile.adaptation-mobile #header {
    display: none
}

.g-plat-mobile.adaptation-mobile .fixed-bar.left-side {
    display: none !important
}

.g-plat-mobile.adaptation-mobile .fixed-bar #questionnaire, .g-plat-mobile.adaptation-mobile .fixed-bar .c-im {
    display: none
}

.g-plat-mobile.adaptation-mobile .fixed-bar .icon-to-top {
    width: .8rem;
    height: .8rem;
    box-shadow: none
}

.g-plat-mobile .icon {
    background-size: 100% 100%;
    background-position: 0 0
}

.g-plat-mobile .icon_like {
    width: .28rem;
    height: .24rem;
    background-image: url()
}

.g-plat-mobile .icon_unlike {
    width: .3rem;
    height: .24rem;
    background-image: url()
}

.g-plat-mobile .on > .icon_like, .g-plat-mobile .on > .icon_unlike {
    background-image: url()
}

.g-plat-mobile .icon_identification {
    width: .32rem;
    height: .32rem;
    background-image: url()
}

.g-plat-mobile .icon_company {
    width: .32rem;
    height: .32rem;
    background-image: url()
}

.g-plat-mobile .icon_artist_star {
    width: .32rem;
    height: .32rem;
    background-image: url()
}

.g-plat-mobile .w-Select-Multi h3, .g-plat-mobile .w-Select h3 {
    padding: 0 0 0 .18rem;
    height: .68rem;
    line-height: .68rem;
    z-index: 51;
    position: relative;
    font-size: .28rem !important;
    white-space: nowrap
}

.g-plat-mobile .w-Select-Multi h3:after, .g-plat-mobile .w-Select h3:after {
    content: "";
    position: absolute;
    right: .14rem;
    top: .28rem;
    width: .2rem;
    height: .12rem
}

.g-plat-mobile .w-Select-Multi .sel-ico, .g-plat-mobile .w-Select .sel-ico {
    width: .32rem;
    height: .32rem;
    margin: -.06rem .18rem 0 0;
    display: inline-block
}

.g-plat-mobile .w-Select-Multi ul, .g-plat-mobile .w-Select ul {
    position: absolute;
    min-width: 1.2rem;
    top: .72rem;
    border-radius: 2px;
    left: -1px;
    max-height: 2.5rem;
    overflow-y: auto
}

.g-plat-mobile .w-Select-Multi ul li, .g-plat-mobile .w-Select ul li {
    height: .68rem;
    line-height: .64rem;
    padding: 0 .18rem;
    font-size: .28rem
}

.g-plat-mobile .empty {
    background: url() no-repeat center 1.2rem;
    background-size: .92rem .78rem;
    padding-top: 2.2rem
}

.g-plat-mobile .empty p {
    font-size: .28rem;
    color: #93989e;
    text-align: center;
    line-height: .4rem
}

.g-plat-mobile .i_Text {
    height: .68rem;
    line-height: .68rem;
    padding: 0 .18rem;
    font-size: .28rem;
    border-radius: .08rem
}

.g-plat-mobile .i_Btn {
    height: .72rem;
    line-height: .7rem;
    min-width: 1.6rem;
    padding: 0 .2rem;
    font-size: .3rem;
    border-radius: .36rem
}

.g-plat-mobile .i_Btn_big {
    height: .8rem;
    line-height: .76rem;
    padding: 0 .3rem;
    min-width: 2.4rem;
    font-weight: 700;
    border-radius: .1rem
}

.g-plat-mobile .i_Btn_hollow {
    font-size: .2rem;
    padding: 0 .06rem;
    border-radius: 2px
}

.g-plat-mobile .popup-box {
    width: 6.4rem;
    border-radius: .12rem;
    transform: translate(-50%, -50%)
}

.g-plat-mobile .popup-header {
    height: 1.2rem;
    padding: 0 .4rem
}

.g-plat-mobile .popup-header h3 {
    line-height: 1.2rem;
    font-size: .36rem
}

.g-plat-mobile .popup-header .popup-close {
    top: .36rem;
    right: .4rem;
    font-size: .6rem
}

.g-plat-mobile .popup-cont {
    padding: .4rem
}

.g-plat-mobile .popup-cont .l_Tb td {
    padding: .18rem .06rem;
    font-size: .28rem
}

.g-plat-mobile .popup-common {
    line-height: .4rem;
    font-size: .24rem
}

.g-plat-mobile .popup-footer {
    padding: .2rem .6rem .6rem;
    text-align: center
}

.g-plat-mobile .popup-footer .i_Btn {
    margin: 0 .2rem;
    min-width: 2rem;
    font-size: .26rem
}

.g-plat-mobile .c-popup-toast .icon {
    display: none
}

.c-lottery-popup {
    width: 5.5rem;
    text-align: center
}

.c-lottery-popup .popup-warp {
    position: relative;
    z-index: 10;
    transform: scale(0);
    animation: awardScale .3s linear;
    animation-fill-mode: forwards
}

.c-lottery-popup .popup-header {
    height: .48rem;
    line-height: .48rem;
    background-image: url();
    background-size: 100% 100%;
    border: 0
}



.c-lottery-popup .popup-main {
    background-image: url();
    background-size: 100% auto
}

.c-lottery-popup .popup-main .popup-award {
    height: 3.27rem
}

.c-lottery-popup .popup-main .popup-title {
    line-height: 1;
    font-size: .3rem;
    color: #72190d
}

.c-lottery-popup .popup-main .popup-sub {
    margin-top: .16rem;
    line-height: 1;
    font-size: .2rem;
    color: #ad483a
}

.c-lottery-popup .popup-main .popup-img {
    position: relative;
    z-index: 1;
    width: 3.4rem;
    height: 2.54rem;
    margin: .25rem auto 0;
    border-radius: .2rem .2rem 0 0;
    background-color: #fff;
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat
}

.c-lottery-popup .popup-footer {
    position: relative;
    background-size: 100% 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    padding: .1rem 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}



.c-lottery-popup .popup-footer span {
    width: 2.3rem;
    height: .74rem;
    display: inline-block;
    line-height: .66rem;
    background-image: url();
    background-size: 100% 100%;
    font-size: .22rem;
    color: #72190d;
    cursor: pointer
}

.c-lottery-popup .popup-footer a {
    font-size: .2rem;
    text-decoration: underline;
    color: #fff;
    cursor: pointer
}

.c-lottery-popup .popup-tips {
    min-height: 1.6rem;
    line-height: 1.8;
    box-sizing: border-box;
    white-space: pre-wrap;
    padding: .4rem .96rem .8rem;
    font-size: .24rem;
    color: #72190d
}

.c-lottery-popup .popup-thanks, .c-lottery-popup .popup-tips {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.c-lottery-popup .popup-thanks {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: .3rem
}

.c-lottery-popup .popup-thanks .popup-title {
    width: 2.75rem;
    height: .42rem;
    background-image: url();
    background-size: 100% 100%
}



.c-lottery-popup .popup-close {
    width: .48rem;
    height: .48rem;
    margin-top: .2rem;
    background-image: url();
    background-size: 100% 100%;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.c-lottery-popup .popup-congratulation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    overflow: hidden;
    pointer-events: none
}

.c-lottery-popup .popup-congratulation span {
    position: absolute;
    top: -.5rem;
    z-index: 4;
    background-size: 100% 100%;
    animation-name: awardFall;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards
}

.c-lottery-popup .popup-congratulation span.type-1 {
    width: .47rem;
    height: .57rem;
    background-image: url()
}

.c-lottery-popup .popup-congratulation span.type-2 {
    width: .49rem;
    height: .38rem;
    background-image: url()
}

.c-lottery-popup .popup-congratulation span.type-3 {
    width: .43rem;
    height: .43rem;
    background-image: url()
}



@keyframes awardFall {
    0% {
        top: -.5rem
    }
    to {
        top: 100%
    }
}

@keyframes awardRotate {
    0% {
        transform: rotate(0deg) translate(-50%, -50%)
    }
    to {
        transform: rotate(1turn) translate(-50%, -50%)
    }
}

@keyframes awardScale {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.themeStyle_2020summer .popup-header {
    background: url() no-repeat 0 100%;
    background-size: 100% auto
}



.themeStyle_2020summer .popup-main {
    background-image: url()
}

.themeStyle_2020summer .popup-tips {
    color: #882525
}



.themeStyle_2020summer .popup-footer.popup-tall {
    height: 1.92rem;
    background-image: url()
}

.themeStyle_2020summer .popup-footer.popup-short {
    height: 1.56rem;
    padding-top: .24rem;
    background-image: url()
}

.themeStyle_2020summer .popup-footer span {
    width: 2.14rem;
    height: .62rem;
    line-height: .62rem;
    background-image: url();
    color: #882525
}

.themeStyle_2020summer .popup-close {
    background-image: url()
}



.c-lottery-myaward-list {
    padding: .2rem .3rem
}

.c-lottery-myaward-list li {
    border: 3px solid #72190d;
    background-color: #fff3d6;
    border-radius: .36rem;
    margin-bottom: .2rem;
    padding: .12rem;
    display: -ms-flexbox;
    display: flex
}


.c-lottery-myaward-list li:last-child {
    margin-bottom: 0
}

.c-lottery-myaward-list .award-image {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .26rem;
    background-color: #ff9e48;
    margin-right: .3rem
}

.c-lottery-myaward-list .award-image img {
    width: 100%;
    height: 100%;
    border-radius: .3rem
}

.c-lottery-myaward-list .award-info {
    -ms-flex: 1;
    flex: 1;
    line-height: 1
}

.c-lottery-myaward-list .award-title {
    margin-top: .26rem;
    font-weight: 700;
    font-size: .3rem;
    color: #72190d
}

.c-lottery-myaward-list .award-desc {
    margin-top: .16rem;
    font-size: .22rem;
    color: #72190d
}

.c-lottery-myaward-list .award-tips {
    margin-top: .09rem;
    font-size: .2rem;
    color: #9c5248
}

.c-lottery-myaward-list .award-empty {
    display: block;
    line-height: .6rem;
    border: 0;
    background-color: transparent;
    text-align: center;
    color: #fff3d6
}

.themeStyle_2020summer .c-lottery-myaward-list .award-empty {
    color: #882525
}



.c-lottery-myaward-popup .myaward-header {
    height: 1.3rem;
    line-height: 1.3rem;
    border-bottom: 3px solid #72190d;
    text-align: center
}


.c-lottery-myaward-popup .myaward-footer {
    height: .58rem;
    line-height: .58rem;
    border-top: 3px solid #72190d
}

.c-lottery-myaward-popup .myaward-list {
    min-height: 3.2rem;
    max-height: 4.4rem;
    overflow-y: auto
}

.c-lottery-myaward-popup .myaward-list::-webkit-scrollbar-thumb {
    background: #a90b0b
}

.c-lottery-myaward-popup .myaward-list::-webkit-scrollbar-track {
    background: #d22121
}

.c-lottery-myaward-popup .popup-close {
    position: absolute;
    left: 50%;
    bottom: -.68rem;
    width: .48rem;
    height: .48rem;
    transform: translateX(-50%);
    background-image: url();
    background-size: 100% 100%;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.themeStyle_2020summer .c-lottery-myaward-popup {
    background-image: url();
    border: .03rem solid #ad483a
}

.themeStyle_2020summer .c-lottery-myaward-popup .myaward-header {
    border-bottom: .03rem solid #ad483a
}



.themeStyle_2020summer .c-lottery-myaward-popup .myaward-footer {
    border-top: .03rem solid #ad483a
}

.themeStyle_2020summer .c-lottery-myaward-popup .popup-close {
    background-image: url()
}

.c-checkbox-box[data-v-84f31f90] {
    font-size: 0
}

.c-checkbox-box.disabled.checkbox-single[data-v-84f31f90], .c-checkbox-box.disabled li[data-v-84f31f90] {
    cursor: not-allowed
}

.c-checkbox-box.checkbox-single[data-v-84f31f90], .c-checkbox-box li[data-v-84f31f90] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    padding-left: 22px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 0;
    background-image: url();
    font-size: 14px;
    cursor: pointer
}

.c-checkbox-box.checkbox-single[data-v-84f31f90]:hover, .c-checkbox-box li[data-v-84f31f90]:hover {
    background-image: url()
}

.c-checkbox-box.checkbox-single.select[data-v-84f31f90], .c-checkbox-box li.select[data-v-84f31f90] {
    background-image: url()
}

.c-checkbox-box.checkbox-single[data-v-84f31f90]:last-child, .c-checkbox-box li[data-v-84f31f90]:last-child {
    margin-right: 0
}

.c-comment-report-popup[data-v-9f3717b4] {
    width: 500px;
    padding: 20px 30px 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex
}

.c-comment-report-popup .report-label[data-v-9f3717b4] {
    margin-right: 20px
}

.c-comment-report-popup .report-form[data-v-9f3717b4] {
    -ms-flex: 1;
    flex: 1
}

.c-comment-report-popup .report-form span[data-v-9f3717b4] {
    width: 40%;
    margin-bottom: 20px
}

.c-comment-report-popup .report-form textarea[data-v-9f3717b4] {
    width: 100%;
    margin-bottom: 20px
}

.c-comment-report-popup .report-reasons[data-v-9f3717b4] li {
    width: 146px;
    margin-bottom: 20px
}

.c-share[data-v-2853a463] {
    display: inline-block
}

.c-tooltip[data-v-594231ee] {
    position: relative;
    display: inline-block
}

.c-tooltip .tips-content[data-v-594231ee] {
    position: absolute;
    z-index: 10;
    background: rgba(14, 9, 8, .9);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border-radius: 4px;
    line-height: 18px;
    padding: 9px 15px;
    white-space: nowrap;
    font-size: 14px;
    color: #fff
}

.c-tooltip .tips-content[data-v-594231ee]:after {
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid
}

.c-tooltip .tips-content span.marginRight30[data-v-594231ee] {
    display: inline-block;
    margin-right: 10px
}

.c-tooltip .tips-content.top[data-v-594231ee] {
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%)
}

.c-tooltip .tips-content.top[data-v-594231ee]:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-color: rgba(14, 9, 8, .9) transparent transparent
}

.c-tooltip .tips-content.bottom[data-v-594231ee] {
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%)
}

.c-tooltip .tips-content.bottom[data-v-594231ee]:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-color: transparent transparent rgba(14, 9, 8, .9)
}

.c-tooltip .tips-content.start[data-v-594231ee] {
    left: 50%;
    transform: translateX(-14%)
}

.c-tooltip .tips-content.start[data-v-594231ee]:after {
    left: 14%
}

.c-tooltip .tips-content.end[data-v-594231ee] {
    left: 50%;
    transform: translateX(-86%)
}

.c-tooltip .tips-content.end[data-v-594231ee]:after {
    left: 86%
}

.c-tooltip .tips-close[data-v-594231ee] {
    position: absolute;
    right: 5px;
    top: 2px;
    font-size: 20px;
    color: #fff
}

.c-tooltip .fade-enter-active[data-v-594231ee], .c-tooltip .fade-leave-active[data-v-594231ee] {
    transition: opacity .3s
}

.c-tooltip .fade-enter-to[data-v-594231ee], .c-tooltip .fade-leave[data-v-594231ee] {
    opacity: 1
}

.c-tooltip .fade-enter[data-v-594231ee], .c-tooltip .fade-leave-to[data-v-594231ee] {
    opacity: 0
}

.c-user-info[data-v-57a611f9] {
    padding: 30px 20px 20px;
    text-align: center
}

.c-user-info .user-avatar[data-v-57a611f9] {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    cursor: pointer
}

.c-user-info .user-name[data-v-57a611f9] {
    margin-top: 12px;
    font-size: 0
}

.c-user-info .user-name .user-star[data-v-57a611f9] {
    vertical-align: middle;
    margin-left: 5px;
    margin-right: -22px
}

.c-user-info .user-name span[data-v-57a611f9] {
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer
}

.c-user-info .user-name i[data-v-57a611f9] {
    margin: 0
}

.c-user-info .tags-list[data-v-57a611f9] {
    margin-top: 10px
}

.c-user-info .tags-list li[data-v-57a611f9] {
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    background: #f1f7ff;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 12px;
    color: #62676d
}

.c-user-info .user-desc[data-v-57a611f9] {
    margin-top: 10px;
    line-height: 1.6;
    text-align: left;
    font-size: 14px;
    color: #62676d
}

.c-user-info .user-desc.desc-empty[data-v-57a611f9] {
    color: #7f83a0;
    text-align: center
}

.g-plat-mobile .c-user-info[data-v-57a611f9] {
    padding: .14rem .32rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none !important
}

.g-plat-mobile .c-user-info .user-avatar[data-v-57a611f9] {
    width: .68rem;
    height: .68rem
}

.g-plat-mobile .c-user-info .user-name[data-v-57a611f9] {
    margin: 0 0 0 .16rem;
    line-height: .4rem
}

.g-plat-mobile .c-user-info .user-name span[data-v-57a611f9] {
    font-size: .36rem
}

.g-plat-mobile .c-user-info .user-name .icon_artist_star[data-v-57a611f9] {
    width: .34rem;
    height: .36rem;
    background: url() no-repeat;
    background-size: 100%
}

#j_popup_editorial-work-info .work-img {
    background: #ededed
}

#j_popup_editorial-work-info .work-img img {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

#j_popup_editorial-work-info .replace-image {
    display: block;
    background: #fff;
    padding-top: 18px;
    text-align: left
}

#j_popup_editorial-work-info .replace-image i {
    margin-top: -2px;
    margin-right: 6px
}

#j_popup_editorial-work-info dl {
    width: 850px;
    *zoom: 1
}

#j_popup_editorial-work-info dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#j_popup_editorial-work-info dl dt img {
    width: 350px;
    height: 404px;
    -o-object-fit: cover;
    object-fit: cover
}

#j_popup_editorial-work-info dl dd {
    width: 472px
}

#j_popup_editorial-work-info dl dd h3 {
    color: #2a2b2d
}

#j_popup_editorial-work-info dl dd h3 span {
    color: #62676d
}

#j_popup_editorial-work-info dl dd h4 {
    color: #62676d;
    margin-top: 20px
}

#j_popup_editorial-work-info dl dd .type-radio {
    background: #fff;
    border: 1px solid #ebeef2;
    margin-top: 40px;
    position: relative;
    padding: 7px 5px
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn {
    position: absolute;
    top: -28px;
    height: 22px;
    background: rgba(0, 0, 0, .02);
    border-radius: 4px 4px 0 0;
    border: 1px solid #f6f6f6;
    color: rgba(0, 0, 0, .65);
    letter-spacing: 0;
    line-height: 22px;
    padding: 2px 18px
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.on {
    color: #02bdd1;
    background: #fff;
    border: 1px solid #ebeef2;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.tag-0 {
    left: -1px
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.tag-1 {
    left: 68px
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.tag-2 {
    left: 136px
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.tag-3 {
    left: 278px
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.tag-4 {
    left: 343px
}

#j_popup_editorial-work-info dl dd .type-radio .type-radio-tabBtn.tag-5 {
    left: 408px
}

#j_popup_editorial-work-info dl dd .w-Checkboxgroup, #j_popup_editorial-work-info dl dd .w-Radiogroup {
    width: 100%;
    min-height: 75px;
    font-size: 0
}

#j_popup_editorial-work-info dl dd .w-Checkboxgroup span, #j_popup_editorial-work-info dl dd .w-Radiogroup span {
    border-radius: 4px;
    display: inline-block;
    color: #2a2b2d;
    padding: 5px;
    border: 1px solid #dee1e6;
    background: #fdfdfd;
    margin: 8px 5px 0;
    font-size: 12px
}

#j_popup_editorial-work-info dl dd .w-Checkboxgroup span.on, #j_popup_editorial-work-info dl dd .w-Radiogroup span.on {
    color: #02bdd1;
    background: rgba(0, 122, 255, .1);
    border: 1px solid #02bdd1
}

#j_popup_editorial-work-info dl dd .style-checkbox {
    margin-top: 10px;
    margin-bottom: 11px;
    padding: 6px 6px 10px;
    background: #fff;
    border: 1px solid #ebeef2;
    box-sizing: border-box;
    font-size: 0
}

#j_popup_editorial-work-info dl dd textarea {
    margin: 10px 0;
    width: 452px;
    height: 80px;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px
}

.c-uploader {
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: -1
}

.c-uploader .file {
    position: absolute;
    top: -99999px;
    left: -99999px;
    z-index: -1
}

.c-multi-select[data-v-1826681c] {
    position: relative
}

.c-multi-select span[data-v-1826681c] {
    position: relative;
    margin-right: 6px;
    margin-bottom: 4px;
    padding: 0 16px 0 8px;
    display: inline-block;
    line-height: 22px;
    background: rgba(0, 196, 218, .1);
    border: 1px solid #00c4da;
    border-radius: 4px;
    font-size: 12px;
    color: #00c4da
}

.c-multi-select span i[data-v-1826681c] {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    line-height: 20px;
    font-size: 12px;
    font-style: normal;
    cursor: pointer;
    text-align: center;
    color: #00c4da
}

.c-multi-select .icon-book[data-v-1826681c] {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 100%;
    background-size: 16px 15px;
    background-image: url();
    cursor: pointer
}

.c-multi-select .icon-book.press[data-v-1826681c] {
    background-image: url()
}

.c-multi-select-input[data-v-1826681c] {
    max-height: 64px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fdfdfd;
    border: 1px solid #ebeef2;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 6px 36px 0 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-multi-select-input.multi-select-input-focus[data-v-1826681c] {
    border: 1px solid #00c4da
}

.c-multi-select-input input[data-v-1826681c] {
    min-width: 50px;
    -ms-flex: 1;
    flex: 1;
    height: 24px;
    margin-bottom: 4px;
    box-sizing: border-box;
    border: 0;
    background-color: #fff
}

.c-multi-select-search[data-v-1826681c] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    min-height: 46px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    background: #fff;
    border: 1px solid #ebeef2;
    border-radius: 4px;
    padding: 6px;
    box-sizing: border-box;
    box-shadow: 0 0 3px rgba(98, 103, 109, .1)
}

.c-multi-select-search span[data-v-1826681c] {
    padding: 2px 8px;
    cursor: pointer
}

.c-multi-select-search span.not-select[data-v-1826681c] {
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    color: #000
}

.c-multi-select-search span.not-select[data-v-1826681c] strong {
    font-weight: 400;
    color: #00c4da
}

.c-multi-select-search p[data-v-1826681c] {
    line-height: 32px;
    font-size: 12px
}

.c-works-likes[data-v-7b5f6de8] {
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px
}

.c-works-likes .like-btn[data-v-7b5f6de8] {
    text-align: center
}

.c-works-likes .like-btn button[data-v-7b5f6de8] {
    width: 68px;
    height: 32px;
    border-radius: 16px;
    background-size: 100% 100%;
    background-image: url(huajia/images/ic_liketext_normal.ff9664e.png);
    transition: background-image .3s;
    padding-left: 24px;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;}

.c-works-likes .like-count[data-v-7b5f6de8] {
    height: 0;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #eaeaea
}

.c-works-likes .like-count span[data-v-7b5f6de8] {
    display: inline-block;
    padding: 0 16px;
    background-color: #fff;
    font-size: 14px;
    color: #2a2b2d
}

.c-works-likes .like-list[data-v-7b5f6de8] {
    margin-top: 20px
}

.c-works-likes .like-list .fold-btn[data-v-7b5f6de8] {
    text-align: right
}

.c-works-likes .like-list .fold-btn button[data-v-7b5f6de8] {
    font-size: 14px;
    color: #62676d
}

.c-works-likes .like-list ul[data-v-7b5f6de8] {
    font-size: 0
}

.c-works-likes .like-list li[data-v-7b5f6de8] {
    width: 8%;
    text-align: center;
    margin: 10px 1%;
    display: inline-block
}

.c-works-likes .like-list li img[data-v-7b5f6de8] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer
}

.c-works-likes .icon-fold[data-v-7b5f6de8], .c-works-likes .icon-unfold[data-v-7b5f6de8] {
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 2px
}

.c-works-likes .icon-fold[data-v-7b5f6de8] {
    background-image: url()
}

.c-works-likes .icon-unfold[data-v-7b5f6de8] {
    background-image: url()
}

.c-autoheight-textarea[data-v-c1031470] {
    width: 100%;
    min-height: 64px;
    line-height: 1.5;
    border: 0;
    padding: 0;
    background-color: transparent;
    box-sizing: border-box
}

.c-autoheight-textarea[data-v-c1031470]::-webkit-scrollbar {
    display: none
}

.c-works-comment-item[data-v-c0842632] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea
}

.c-works-comment-item .comment-reply[data-v-c0842632] {
    display: -ms-flexbox;
    display: flex
}

.c-works-comment-item .comment-avatar[data-v-c0842632] {
    min-width: 32px;
    margin-right: 20px;
    text-align: center
}

.c-works-comment-item .comment-avatar img[data-v-c0842632] {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.c-works-comment-item .comment-avatar span[data-v-c0842632] {
    min-width: 26px;
    line-height: 18px;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    background: #e5f1ff;
    border: 1px solid #007aff;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #007aff
}

.c-works-comment-item .comment-content[data-v-c0842632] {
    -ms-flex: 1;
    flex: 1;
    max-width: 92%
}

.c-works-comment-item .comment-author[data-v-c0842632] {
    max-width: 378px;
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    font-size: 14px;
    color: #2a2b2d
}

.c-works-comment-item .author-text[data-v-c0842632] {
    margin: 0 6px;
    color: #93989e
}

.c-works-comment-item .author-name[data-v-c0842632] {
    cursor: pointer
}

.c-works-comment-item .comment-time[data-v-c0842632] {
    display: inline-block;
    margin-left: 10px;
    line-height: 32px;
    vertical-align: top;
    font-size: 12px;
    color: #93989e
}

.c-works-comment-item .comment-text[data-v-c0842632] {
    margin-top: 6px;
    white-space: pre-wrap;
    line-height: 21px;
    font-size: 14px;
    color: #2a2b2d
}

.c-works-comment-item .comment-btns[data-v-c0842632] {
    margin-top: 12px;
    font-size: 0
}

.c-works-comment-item .comment-btns button[data-v-c0842632] {
    margin-right: 20px;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    color: #62676d;
    cursor: pointer
}

.c-works-comment-item .comment-btns button[data-v-c0842632]:last-child {
    margin-right: 0
}

.c-works-comment-item .comment-btns i[data-v-c0842632] {
    margin-top: -4px;
    margin-right: 6px
}

.c-works-comment-item .comment-btns .icon-unlike[data-v-c0842632] {
    width: 14px;
    height: 14px;
    background-image: url()
}

.c-works-comment-item .comment-btns .icon-like[data-v-c0842632] {
    width: 14px;
    height: 14px;
    background-image: url()
}

.c-works-comment-item .comment-btns .icon-reply[data-v-c0842632] {
    width: 14px;
    height: 13px;
    background-image: url()
}

.c-works-comment-item .comment-btns .icon-delete[data-v-c0842632] {
    width: 11px;
    height: 14px;
    background-image: url()
}

.c-works-comment-item .comment-btns .icon-report[data-v-c0842632] {
    width: 13px;
    height: 13px;
    background-image: url()
}

.c-works-comment-item .comment-input[data-v-c0842632] {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e9e9e9;
    margin-top: 20px;
    padding-top: 20px
}

.c-works-comment-item .comment-input .comment-avatar[data-v-c0842632] {
    margin-right: 14px
}

.c-works-comment-item .comment-input .comment-avatar img[data-v-c0842632] {
    width: 24px;
    height: 24px
}

.c-works-comment-item .comment-input .comment-textarea[data-v-c0842632] {
    -ms-flex: 1;
    flex: 1;
    padding: 2px 4px;
    box-sizing: border-box;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px
}

.c-works-comment-item .comment-submit[data-v-c0842632] {
    margin-top: 10px;
    text-align: right
}

.c-works-comment-item .comment-submit button[data-v-c0842632] {
    width: 75px;
    height: 28px;
    margin-left: 10px
}

.c-works-comment-item .comment-tips[data-v-c0842632] {
    margin-top: 20px;
    color: #93989e;
    font-size: 14px
}

.c-works-comment-item .comment-tips span[data-v-c0842632] {
    color: #62676d;
    cursor: pointer
}

.c-works-comment-item .comment-list[data-v-c0842632] .comment-author, .c-works-comment-item .comment-list[data-v-c0842632] .comment-time {
    line-height: 24px
}

.c-works-comment-item .comment-list[data-v-c0842632] .comment-avatar {
    margin-right: 14px
}

.c-works-comment-item .comment-list[data-v-c0842632] .comment-avatar img {
    width: 24px;
    height: 24px
}

.c-works-comment .comment-count[data-v-c6e7be00] {
    font-size: 16px;
    color: #2a2b2d
}

.c-works-comment .comment-reply[data-v-c6e7be00] {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex
}

.c-works-comment .comment-avatar[data-v-c6e7be00] {
    margin-right: 20px
}

.c-works-comment .comment-avatar img[data-v-c6e7be00] {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.c-works-comment .comment-textarea[data-v-c6e7be00] {
    -ms-flex: 1;
    flex: 1;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding: 10px
}

.c-works-comment .comment-btns[data-v-c6e7be00] {
    margin-top: 5px;
    text-align: right
}

.c-works-comment .comment-btns button[data-v-c6e7be00] {
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px
}

.c-works-detail-popup[data-v-2b7a0904] {
    display: -ms-flexbox;
    display: flex
}

.c-works-detail-popup .close[data-v-2b7a0904] {
    position: fixed;
    right: 22px;
    top: 90px;
    z-index: 2;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background-color: #666;
    border-radius: 50%;
    cursor: pointer
}

.c-works-detail-popup .close[data-v-2b7a0904]:hover {
    background: #bbb
}

.c-works-detail-popup .detail-left[data-v-2b7a0904] {
    width: 670px;
    margin-right: 30px
}

.c-works-detail-popup .detail-right[data-v-2b7a0904] {
    width: 310px
}

.c-works-detail-popup .detail-main[data-v-2b7a0904] {
    border-radius: 10px;
    background-color: #fff;
    position: relative
}

.c-works-detail-popup .detail-header[data-v-2b7a0904] {
    height: 70px;
    padding: 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.c-works-detail-popup .detail-footer[data-v-2b7a0904] {
    padding: 27px 30px;
    display: -ms-flexbox;
    display: flex
}

.c-works-detail-popup .detail-image[data-v-2b7a0904] {
    min-height: 670px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 16px 16px;
    background-color: #ededed;
    background-image: url()
}

.c-works-detail-popup .detail-image img[data-v-2b7a0904] {
    max-width: 100%;
    cursor: zoom-in
}

.c-works-detail-popup .jizan[data-v-2b7a0904] {
    position: absolute;
    left: 0;
    top: 100px
}

.c-works-detail-popup .jizan:hover .btn-jizan-qrcode[data-v-2b7a0904] {
    display: block
}

.c-works-detail-popup .btn-jizan[data-v-2b7a0904] {
    display: block;
    width: 119px;
    height: 47px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url()
}

.c-works-detail-popup .btn-jizan-qrcode[data-v-2b7a0904] {
    position: absolute;
    left: 0;
    top: calc(100% + 12px);
    text-align: center;
    padding: 14px 18px;
    background: #fff;
    border-radius: 5px;
    display: none
}

.c-works-detail-popup .btn-jizan-qrcode[data-v-2b7a0904]:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: -7px;
    left: 15px;
    transform: rotate(45deg);
    border-radius: 3px
}

.c-works-detail-popup .btn-jizan-qrcode p[data-v-2b7a0904] {
    font-size: 12px;
    color: #4f646f;
    line-height: 20px
}

.c-works-detail-popup .btn-jizan-qrcode img[data-v-2b7a0904] {
    margin-top: 5px;
    width: 120px;
    height: 120px;
    max-width: none
}

.c-works-detail-popup .header-left[data-v-2b7a0904], .c-works-detail-popup .header-right[data-v-2b7a0904] {
    -ms-flex: 1;
    flex: 1
}

.c-works-detail-popup .header-left[data-v-2b7a0904] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.c-works-detail-popup .like-list[data-v-2b7a0904] {
    z-index: 2;
    margin-left: 22px;
    margin-right: -2px
}

.c-works-detail-popup .like-list li[data-v-2b7a0904] {
    display: inline-block;
    margin-left: -12px;
    vertical-align: top
}

.c-works-detail-popup .like-list li img[data-v-2b7a0904] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.c-works-detail-popup .like-count[data-v-2b7a0904] {
    display: inline-block;
    padding-left: 8px;
    padding-right: 12px;
    line-height: 22px;
    border-radius: 0 11px 11px 0;
    background-color: #ffd4d6;
    font-size: 16px;
    color: #5b5b5b;
    cursor: pointer
}

.c-works-detail-popup .like-btn.checked[data-v-2b7a0904] {
    background-image: url(huajia/images/ic_like_normal.a6f4b71.png);
}

.c-works-detail-popup .zoom-btn[data-v-2b7a0904] {
    width: 22px;
    height: 22px;
    border: 0;
    background-color: transparent;
    background-image: url(huajia/images/ic_like_normal.a6f4b71.png);
    background-size: 100% 100%;
    cursor: pointer
}

.c-works-detail-popup .footer-left[data-v-2b7a0904] {
    padding-right: 10px;
    -ms-flex: 1;
    flex: 1
}

.c-works-detail-popup .footer-right[data-v-2b7a0904] {
    text-align: right
}

.c-works-detail-popup .works-desc[data-v-2b7a0904] {
    min-height: 20px;
    max-width: 420px;
    line-height: 20px;
    font-size: 14px;
    color: #2a2b2d
}

.c-works-detail-popup .tags-list[data-v-2b7a0904] {
    margin-top: 8px
}

.c-works-detail-popup .tags-list li[data-v-2b7a0904] {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 6px 0;
    background: #f1f7ff;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 12px;
    color: #62676d
}

.c-works-detail-popup .works-btn[data-v-2b7a0904] {
    min-height: 20px
}

.c-works-detail-popup .works-btn button[data-v-2b7a0904] {
    border: 0;
    background: transparent;
    cursor: pointer;
    line-height: 20px
}

.c-works-detail-popup .works-btn button.report-btn[data-v-2b7a0904] {
    font-size: 12px;
    color: #93989e
}

.c-works-detail-popup .works-btn button.edit-btn[data-v-2b7a0904] {
    font-size: 14px;
    color: #007aff
}

.c-works-detail-popup .works-btn button.reported-btn[data-v-2b7a0904] {
    font-size: 12px;
    color: red
}

.c-works-detail-popup .works-btn i[data-v-2b7a0904] {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    vertical-align: middle
}

.c-works-detail-popup .works-btn span[data-v-2b7a0904] {
    vertical-align: middle
}

.c-works-detail-popup .works-btn .icon-report[data-v-2b7a0904] {
    background-image: url()
}

.c-works-detail-popup .works-btn .icon-edit[data-v-2b7a0904] {
    background-image: url()
}

.c-works-detail-popup .works-btn .icon-reported[data-v-2b7a0904] {
    background-image: url()
}

.c-works-detail-popup .works-tips[data-v-2b7a0904] {
    line-height: 20px;
    margin-top: 8px;
    font-size: 12px;
    color: #93989e
}

.c-works-detail-popup .detail-user[data-v-2b7a0904] {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    border-radius: 10px;
    background-color: #fff
}

.c-works-detail-popup .works-next[data-v-2b7a0904], .c-works-detail-popup .works-prev[data-v-2b7a0904] {
    position: fixed;
    top: 50%;
    padding: 20px 10px;
    transform: translateY(-50%);
    background: #666;
    border-radius: 4px;
    opacity: .8;
    cursor: pointer
}

.c-works-detail-popup .works-next[data-v-2b7a0904]:hover, .c-works-detail-popup .works-prev[data-v-2b7a0904]:hover {
    opacity: 1
}

.c-works-detail-popup .works-next.disabled[data-v-2b7a0904], .c-works-detail-popup .works-prev.disabled[data-v-2b7a0904] {
    opacity: .6 !important;
    cursor: not-allowed
}

.c-works-detail-popup .works-prev[data-v-2b7a0904] {
    left: 30px
}

.c-works-detail-popup .works-next[data-v-2b7a0904] {
    right: 30px
}

.c-works-detail-popup .share-list[data-v-2b7a0904] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-works-detail-popup .share-list span[data-v-2b7a0904] {
    font-size: 14px;
    color: #2a2b2d
}

.c-works-detail-popup .share-list ul[data-v-2b7a0904] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.c-works-detail-popup .share-list li[data-v-2b7a0904] {
    position: relative;
    margin-left: 16px;
    font-size: 0
}

.c-works-detail-popup .share-list li:hover .wechat-code[data-v-2b7a0904] {
    display: block
}

.c-works-detail-popup .share-list li i[data-v-2b7a0904] {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.c-works-detail-popup .share-list li i.icon_share_weibo[data-v-2b7a0904] {
    background-image: url()
}

.c-works-detail-popup .share-list li i.icon_share_wechat[data-v-2b7a0904] {
    background-image: url()
}

.c-works-detail-popup .share-list li i.icon_share_qq[data-v-2b7a0904] {
    background-image: url()
}

.c-works-detail-popup .share-list li i.icon_share[data-v-2b7a0904] {
    background-image: url()
}

.c-works-detail-popup .share-list .wechat-code[data-v-2b7a0904] {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    z-index: 2;
    width: 152px;
    height: 152px;
    margin-left: -76px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    display: none
}

.c-works-detail-popup .detail-extends[data-v-2b7a0904] {
    box-sizing: border-box;
    margin-top: 30px;
    border-radius: 8px;
    background: #fff;
    padding: 20px 30px
}

.g-plat-mobile .c-works-detail-popup[data-v-2b7a0904] {
    display: block;
    padding-bottom: .8rem
}

.g-plat-mobile .c-works-detail-popup .detail-user[data-v-2b7a0904] {
    position: static;
    border-radius: 0
}



.g-plat-mobile .c-works-detail-popup .detail-image[data-v-2b7a0904] {
    min-height: 8.52rem;
    position: relative
}

.g-plat-mobile .c-works-detail-popup .detail-footer[data-v-2b7a0904] {
    padding: .4rem .32rem
}

.g-plat-mobile .c-works-detail-popup .detail-footer .footer-left[data-v-2b7a0904] {
    padding: 0
}

.g-plat-mobile .c-works-detail-popup .detail-footer .footer-left .tags-list[data-v-2b7a0904] {
    margin: 0
}

.g-plat-mobile .c-works-detail-popup .detail-footer .footer-left .tags-list li[data-v-2b7a0904] {
    padding: .12rem .16rem;
    margin: 0 .12rem .12rem 0;
    font-size: .24rem;
    background-color: #dff3f3
}

.g-plat-mobile .c-works-detail-popup .detail-footer .footer-left .works-desc[data-v-2b7a0904] {
    min-height: auto;
    font-size: .24rem;
    line-height: .36rem;
    max-width: none
}

.g-plat-mobile .c-works-detail-popup .detail-footer .footer-left .works-tips[data-v-2b7a0904] {
    border-top: 1px solid #eaeaea;
    padding-top: .2rem;
    margin-top: .2rem;
    font-size: .24rem
}

.g-plat-mobile .c-works-detail-popup .detail-like[data-v-2b7a0904] {
    position: fixed;
    right: .32rem;
    bottom: .75rem;
    background: rgba(18, 18, 22, .75);
    border-radius: .5rem;
    z-index: 100;
    padding: .15rem .38rem
}

.g-plat-mobile .c-works-detail-popup .detail-like .like-btn[data-v-2b7a0904] {
    width: .4rem;
    height: .34rem;
    border-radius: 0;
    background-image: url()
}

.g-plat-mobile .c-works-detail-popup .detail-like .like-btn.checked[data-v-2b7a0904] {
    background-image: url() !important
}

.g-plat-mobile .c-works-detail-popup .detail-like .like-count[data-v-2b7a0904] {
    vertical-align: middle;
    background-color: transparent;
    color: #fff;
    font-size: .26rem;
    line-height: .3rem;
    padding: 0;
    margin-left: .12rem
}

.c-select[data-v-024f44c1] {
    position: relative;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 22px;
    box-sizing: border-box;
    background-color: #fff;
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-image: url();
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    cursor: pointer
}

.c-select[data-v-024f44c1]:hover {
    border-color: silver;
    background-image: url()
}

.c-select .select-list[data-v-024f44c1] {
    position: absolute;
    left: -1px;
    right: -1px;
    z-index: 10;
    display: none;
    margin-top: -2px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 0 0 4px 4px
}

.c-select .select-list li[data-v-024f44c1] {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 0 9px;
    font-size: 14px;
    white-space: nowrap;
    color: #515151
}

.c-select .select-list li[data-v-024f44c1]:hover {
    background: #fafbfd
}

.c-select .select-list li.select[data-v-024f44c1] {
    background: #f0f5ff
}

.c-select .select-list li.suboption[data-v-024f44c1] {
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-image: url()
}

.c-select .select-item:hover .select-sublist[data-v-024f44c1] {
    display: block
}

.c-select .select-sublist[data-v-024f44c1] {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    min-width: 160px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 0 4px 4px 0;
    max-height: 256px;
    overflow-y: auto;
    display: none
}

.c-select.drop-up[data-v-024f44c1] {
    background-image: url();
    border-radius: 4px 4px 0 0
}

.c-select.drop-up[data-v-024f44c1]:hover {
    background-image: url()
}

.c-select.drop-up .select-list[data-v-024f44c1] {
    display: block
}

.c-select.placeholder[data-v-024f44c1] {
    color: #aaa6a6
}

.c-uploader-input[data-v-97519704] {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    opacity: 0;
    z-index: -1
}

.c-picture-uploader[data-v-6f54839c] {
    position: relative;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.c-picture-uploader[data-v-6f54839c]:hover {
    border: 1px solid #bbb
}

.c-picture-uploader:hover i[data-v-6f54839c] {
    background-image: url()
}

.c-picture-uploader.circle[data-v-6f54839c], .c-picture-uploader.circle img[data-v-6f54839c] {
    border-radius: 50%
}

.c-picture-uploader i[data-v-6f54839c] {
    width: 20px;
    height: 20px;
    background-image: url()
}

.c-picture-uploader span[data-v-6f54839c] {
    margin-top: 4px;
    font-size: 14px;
    color: #62676d
}

.c-picture-uploader .btnpp[data-v-6f54839c] {
    font-size: 12px;
    color: #62676d
}

.c-picture-uploader img[data-v-6f54839c] {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.c-picture-uploader .close[data-v-6f54839c] {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    opacity: .7;
    text-align: center;
    line-height: 20px;
    color: #ccc
}

.c-picture-uploader .close[data-v-6f54839c]:hover {
    opacity: 1;
    color: #eee
}


/*!
 * Datepicker v0.6.4
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-11-24T14:38:19.628Z
 */
.c-serialization-information-popup[data-v-72c60cfc] {
    width: 616px;
    height: 394px;
    padding: 13px 30px 0;
    box-sizing: border-box
}

.c-serialization-information-popup .information-popup-conter2[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter[data-v-72c60cfc] {
    height: 28px;
    margin-bottom: 18px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-left[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-left[data-v-72c60cfc] {
    float: left;
    width: 104px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #62676d;
    text-align: left
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right[data-v-72c60cfc] {
    float: left;
    height: 28px;
    width: 452px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-72c60cfc] {
    width: 434px;
    height: 26px;
    line-height: 26px;
    background: none;
    outline: none;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding: 0 8px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-72c60cfc]:hover, .c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-72c60cfc]:hover, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-72c60cfc]:hover, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-72c60cfc]:hover {
    border: 1px solid #c3c8ce
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-72c60cfc]::-webkit-input-placeholder, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-72c60cfc]::-webkit-input-placeholder {
    color: #c3c8ce;
    font-size: 14px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-72c60cfc] {
    margin-top: 0;
    z-index: 0;
    position: relative
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-72c60cfc] {
    border-radius: 2px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-72c60cfc] img, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-72c60cfc] img {
    border-radius: 0
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-72c60cfc] button, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-72c60cfc] button {
    top: -14px;
    right: -10px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right p[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right p[data-v-72c60cfc] {
    margin-top: 10px;
    color: #93989e;
    font-size: 12px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .right-p[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .right-p[data-v-72c60cfc] {
    height: 28px;
    line-height: 28px;
    color: #2a2b2d;
    font-size: 14px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .datepicker /dep/ .el-popper[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .datepicker /dep/ .el-popper[data-v-72c60cfc] {
    top: 710px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .datepicker /dep/ .el-date-editor[data-v-72c60cfc], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .datepicker /dep/ .el-date-editor[data-v-72c60cfc] {
    width: 452px
}

.c-serialization-information-popup .information-popup-conter2[data-v-72c60cfc] {
    height: 185px
}

.c-serialization-information-popup .information-popup-conter2 p[data-v-72c60cfc] {
    margin-top: 10px;
    color: #93989e;
    font-size: 12px
}

td.today div span {
    background: none;
    color: #0acce1
}



.c-popup-layout {
    padding-bottom: 50px !important
}

.col--center__left[data-v-72c60cfc] {
    font-size: 12px;
    color: #ed510b;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex
}

.col--center__left[data-v-72c60cfc]:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.c-share-popup[data-v-fdc82f24] {
    width: 543px;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 70px
}

.c-share-popup input[data-v-fdc82f24] {
    -ms-flex: 1;
    flex: 1;
    height: 28px
}

.c-share-popup button[data-v-fdc82f24] {
    width: 75px;
    height: 28px;
    margin-left: 10px
}

.g-plat-mobile .c-share-popup[data-v-fdc82f24] {
    width: 5.43rem;
    padding: .4rem .5rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.g-plat-mobile .c-share-popup input[data-v-fdc82f24] {
    height: .6rem;
    font-size: .26rem;
    padding: .1rem;
    width: 5rem
}

.g-plat-mobile .c-share-popup button[data-v-fdc82f24] {
    margin-top: .3rem;
    width: 3rem;
    height: .6rem;
    margin-left: 0;
    font-size: .26rem
}

.c-mobile-share-popup[data-v-3bb99f1c] {
    margin: 0 !important
}

.share[data-v-3bb99f1c] {
    background: #f5f5f9;
    border-radius: .3rem .3rem 0 0;
    padding: .5rem 0 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.share .share-content[data-v-3bb99f1c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.share a[data-v-3bb99f1c] {
    text-align: center
}

.share i[data-v-3bb99f1c] {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: .1rem;
    margin-bottom: .15rem
}

.share i.share_wechat[data-v-3bb99f1c] {
    background-image: url();
    background-size: .72rem .6rem
}





.share i.share_copy[data-v-3bb99f1c] {
    background-image: url();
    background-size: .6rem .6rem
}

.share span[data-v-3bb99f1c] {
    font-size: .24rem;
    color: #888
}

.share .cancel[data-v-3bb99f1c] {
    display: block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    color: #2a2b2d;
    background: #fff;
    font-size: .32rem;
    margin-top: .5rem
}

.share .wechat-code[data-v-3bb99f1c] {
    position: absolute;
    top: -6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #fff;
    text-align: center;
    border-radius: .1rem;
    padding: .3rem
}

.share .wechat-code p[data-v-3bb99f1c] {
    font-size: .3rem;
    line-height: .4rem;
    color: #333
}

.share .wechat-code img[data-v-3bb99f1c] {
    width: 3rem;
    height: 3rem;
    margin-top: .1rem
}

.share .wechat-code .close-btn[data-v-3bb99f1c] {
    position: absolute;
    width: .6rem;
    height: .6rem;
    color: #fff;
    font-size: .5rem;
    text-align: center;
    line-height: .6rem;
    background: #1583e4;
    border-radius: 50%;
    top: -.3rem;
    right: -.3rem
}

.share .fade-enter-active[data-v-3bb99f1c], .share .fade-leave-active[data-v-3bb99f1c] {
    transition: opacity .3s
}

.share .fade-enter[data-v-3bb99f1c], .share .fade-leave-to[data-v-3bb99f1c] {
    opacity: 0
}

.guide[data-v-3bb99f1c] {
    position: absolute;
    top: .5rem;
    right: .2rem;
    padding: .3rem .5rem;
    color: #2a2b2d;
    font-size: .36rem;
    line-height: .4rem;
    border-radius: .1rem;
    text-align: center;
    background: #fff
}

.guide.keepleft[data-v-3bb99f1c]:before {
    right: 1rem
}

.guide[data-v-3bb99f1c]:before {
    content: "";
    width: .5rem;
    height: .5rem;
    background: #fff;
    position: absolute;
    top: -.15rem;
    right: .2rem;
    transform: rotate(45deg);
    border-radius: .05rem;
    z-index: -1
}

.popup-box[data-v-aa70e2fe] {
    width: auto;
    transform: translate(0);
    left: 0;
    top: auto;
    bottom: 0;
    right: 0;
    border-radius: .2rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.popup-header h3[data-v-aa70e2fe] {
    text-align: center;
    color: #000
}

.popup-header .popup-close[data-v-aa70e2fe] {
    left: .4rem;
    top: .4rem;
    color: #000
}

.popup-cont[data-v-aa70e2fe] {
    padding-top: 0
}

.popup-cont ul li[data-v-aa70e2fe] {
    line-height: 1rem;
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
    font-size: .3rem;
    padding-right: .2rem
}

.popup-cont ul li i[data-v-aa70e2fe] {
    font-size: .5rem;
    float: right;
    font-style: normal;
    color: #8f869c
}

.popup-footer .i_Btn[data-v-aa70e2fe] {
    background: #e59ca7;
    border: 1px solid #504b58
}

.c-agreement-popup[data-v-6c58d6a4] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-6c58d6a4] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-6c58d6a4] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-6c58d6a4] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-6c58d6a4] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-6c58d6a4] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-6c58d6a4] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-6c58d6a4] {
    text-decoration: underline
}

.c-agreement-popup[data-v-cac9af26] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-cac9af26] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-cac9af26] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-cac9af26] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-cac9af26] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-cac9af26] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-cac9af26] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-cac9af26] {
    text-decoration: underline
}

.c-agreement-popup[data-v-7a2cc7cb] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-7a2cc7cb] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-7a2cc7cb] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-7a2cc7cb] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-7a2cc7cb] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-7a2cc7cb] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-7a2cc7cb] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-7a2cc7cb] {
    text-decoration: underline
}

.c-agreement-popup[data-v-0829d691] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-0829d691] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-0829d691] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-0829d691] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-0829d691] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-0829d691] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-0829d691] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-0829d691] {
    text-decoration: underline
}

.c-agreement-popup[data-v-0e3c954c] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-0e3c954c] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-0e3c954c] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-0e3c954c] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-0e3c954c] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-0e3c954c] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-0e3c954c] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-0e3c954c] {
    text-decoration: underline
}

.c-agreement-popup[data-v-4fd373b1] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-4fd373b1] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-4fd373b1] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-4fd373b1] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-4fd373b1] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-4fd373b1] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-4fd373b1] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-4fd373b1] {
    text-decoration: underline
}

.c-agreement-popup[data-v-68174187] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-68174187] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-68174187] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-68174187] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-68174187] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-68174187] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-68174187] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-68174187] {
    text-decoration: underline
}

.c-agreement-popup[data-v-ce452206] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-ce452206] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-ce452206] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-ce452206] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-ce452206] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-ce452206] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-ce452206] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-ce452206] {
    text-decoration: underline
}

.c-agreement-popup[data-v-11ac00aa] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-11ac00aa] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-11ac00aa] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-11ac00aa] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-11ac00aa] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-11ac00aa] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-11ac00aa] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-11ac00aa] {
    text-decoration: underline
}

.c-agreement-popup[data-v-bb3026ea] {
    width: 680px;
    max-height: 532px;
    overflow: auto;
    margin: 0 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
    color: #333
}

.c-agreement-popup p[data-v-bb3026ea] {
    margin: 20px 0
}

.c-agreement-popup img[data-v-bb3026ea] {
    margin: 0
}

.c-agreement-popup .t-indent[data-v-bb3026ea] {
    text-indent: 2em
}

.c-agreement-popup .t-mark[data-v-bb3026ea] {
    background-color: #ff0
}

.c-agreement-popup .t-bold[data-v-bb3026ea] {
    font-weight: 700
}

.c-agreement-popup .t-italic[data-v-bb3026ea] {
    font-style: italic
}

.c-agreement-popup .t-underline[data-v-bb3026ea] {
    text-decoration: underline
}

.c-activity-team-create-popup[data-v-f6958684] {
    width: 440px;
    padding: 13px 30px 0;
    box-sizing: border-box
}

.c-activity-team-create-popup p[data-v-f6958684] {
    line-height: 20px;
    font-size: 14px;
    color: #93989e
}

.c-activity-team-create-popup table[data-v-f6958684] {
    width: 100%;
    margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0 10px
}

.c-activity-team-create-popup input[data-v-f6958684] {
    width: 100%;
    height: 28px
}

.c-activity-team-create-popup label[data-v-f6958684] {
    cursor: default
}

.c-activity-team-create-popup textarea[data-v-f6958684] {
    width: 100%
}

.c-activity-team-create-popup td[data-v-f6958684] {
    text-align: left
}

.c-activity-team-create-popup td[data-v-f6958684]:first-child {
    vertical-align: top;
    padding: 6px 0
}

.c-activity-team-create-popup .tips[data-v-f6958684] {
    text-align: right;
    font-size: 12px;
    color: #62676d
}

.c-activity-team-create-popup .upload[data-v-f6958684] {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.c-activity-team-create-popup .upload p[data-v-f6958684] {
    margin-left: 40px
}

.c-activity-team-create-popup .error-tips[data-v-f6958684] {
    max-width: 150px
}

.c-activity-team-join-popup[data-v-9e554d3c] {
    width: 440px;
    padding: 13px 30px 0;
    box-sizing: border-box
}

.c-activity-team-join-popup p[data-v-9e554d3c] {
    line-height: 20px;
    font-size: 14px;
    color: #93989e
}

.c-activity-team-join-popup label[data-v-9e554d3c] {
    cursor: default
}

.c-activity-team-join-popup table[data-v-9e554d3c] {
    width: 100%;
    margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0 10px
}

.c-activity-team-join-popup textarea[data-v-9e554d3c] {
    width: 100%
}

.c-activity-team-join-popup td[data-v-9e554d3c] {
    text-align: left
}

.c-activity-team-join-popup td[data-v-9e554d3c]:first-child {
    vertical-align: top;
    padding: 6px 0
}

.c-activity-team-join-popup .tips[data-v-9e554d3c] {
    text-align: right;
    font-size: 12px;
    color: #62676d
}

.c-activity-team-member-popup[data-v-707a7b22] {
    position: relative;
    width: 440px;
    height: 394px;
    overflow: auto
}

.c-activity-team-member-popup table[data-v-707a7b22] {
    width: 100%
}

.c-activity-team-member-popup th[data-v-707a7b22] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 0;
    background-color: #fff
}

.c-activity-team-member-popup th span[data-v-707a7b22] {
    display: block;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 12px;
    color: #93989e
}

.c-activity-team-member-popup td[data-v-707a7b22] {
    position: relative;
    height: 52px
}

.c-activity-team-member-popup td[data-v-707a7b22]:first-child:before {
    content: "";
    position: absolute;
    width: 400px;
    left: 18px;
    bottom: 0;
    height: 1px;
    background: #e9e9e9
}

.c-activity-team-member-popup th:first-child span[data-v-707a7b22] {
    padding-right: 4px
}

.c-activity-team-member-popup td[data-v-707a7b22]:first-child, .c-activity-team-member-popup th[data-v-707a7b22]:first-child {
    text-align: right
}

.c-activity-team-member-popup td[data-v-707a7b22]:nth-child(2), .c-activity-team-member-popup th:nth-child(2) span[data-v-707a7b22] {
    padding-left: 15px;
    text-align: left
}

.c-activity-team-member-popup td[data-v-707a7b22]:nth-child(2) {
    max-width: 100px
}

.c-activity-team-member-popup td[data-v-707a7b22]:nth-child(3), .c-activity-team-member-popup th:nth-child(3) span[data-v-707a7b22] {
    padding-left: 15px;
    text-align: left
}

.c-activity-team-member-popup td[data-v-707a7b22]:nth-child(4), .c-activity-team-member-popup th:nth-child(4) span[data-v-707a7b22] {
    padding-right: 20px
}

.c-activity-team-member-popup img[data-v-707a7b22] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer
}

.c-activity-team-member-popup .is-new[data-v-707a7b22] {
    position: absolute;
    left: 30px;
    bottom: 10px;
    z-index: 1;
    width: 23px;
    height: 13px;
    background-image: url()
}

.c-activity-team-member-popup .member-empty[data-v-707a7b22] {
    height: 52px;
    line-height: 104px;
    text-align: center !important;
    color: #666
}

.c-popup-artist .area {
    width: 1000px;
    margin-top: 95px
}

.c-popup-artist img.activity_award {
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 10;
    width: 30px;
    line-height: 33px;
    background: transparent;
    text-align: center
}

.c-popup-artist .btn-big a {
    margin: 10px 3px 0;
    display: inline-block;
    width: 45%
}

.c-activity-team-works-popup[data-v-1851d3b1] {
    width: 1048px;
    height: 618px;
    overflow: hidden;
    border-radius: 0 0 6px 6px
}

.c-activity-team-works-popup .works-list[data-v-1851d3b1] {
    height: 100%;
    overflow: auto;
    padding: 20px 20px 0;
    box-sizing: border-box;
    font-size: 0
}

.c-activity-team-works-popup .works-list .works-item[data-v-1851d3b1] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 235px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 4px #e0e5e7
}

.c-activity-team-works-popup .works-list .works-item[data-v-1851d3b1]:hover {
    box-shadow: 0 0 8px #cbd2d3
}

.c-activity-team-works-popup .works-list .works-item[data-v-1851d3b1]:nth-child(4n) {
    margin-right: 0
}

.c-activity-team-works-popup .works-list .works-image[data-v-1851d3b1] {
    height: 240px;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.c-activity-team-works-popup .works-list .artist-info[data-v-1851d3b1] {
    line-height: 40px;
    padding: 0 8px
}

.c-activity-team-works-popup .works-list .artist-avatar[data-v-1851d3b1] {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    vertical-align: middle;
    margin-right: 6px;
    cursor: pointer
}

.c-activity-team-works-popup .works-list .works-id[data-v-1851d3b1] {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 22px;
    border-radius: 8px 0 8px 0;
    background: rgba(0, 0, 0, .6);
    padding: 2px 6px;
    font-size: 12px;
    color: #fff
}

.c-activity-team-works-popup .works-list .works-id i[data-v-1851d3b1] {
    margin-right: 4px;
    padding: 0 2px;
    border-radius: 2px;
    background: #fff;
    font-style: normal;
    color: #000
}

.c-activity-team-works-popup .works-list .artist-name[data-v-1851d3b1] {
    cursor: pointer
}

.c-activity-team-works-popup .works-list .artist-name span[data-v-1851d3b1] {
    max-width: 124px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.c-activity-team-works-popup .works-list .works-like[data-v-1851d3b1] {
    float: right;
    cursor: pointer
}

.c-activity-team-works-popup .works-list .works-like small[data-v-1851d3b1] {
    font-size: 12px;
    color: #93989e;
    vertical-align: middle
}

.c-activity-team-works-popup .works-list .works-like i[data-v-1851d3b1] {
    margin-top: 2px;
    margin-left: 6px;
    vertical-align: middle
}

.c-pictures-uploader[data-v-5c6de520] {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.c-pictures-uploader img[data-v-5c6de520] {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.c-pictures-uploader button[data-v-5c6de520] {
    position: absolute;
    top: -4px;
    right: 6px;
    z-index: 1;
    width: 20px;
    height: 20px;
    line-height: 15px;
    border-radius: 50%;
    background-color: #000;
    opacity: .8;
    text-align: center;
    font-size: 18px;
    color: #ccc
}

.c-pictures-uploader button[data-v-5c6de520]:hover {
    opacity: 1;
    color: #eee
}

.c-pictures-uploader li[data-v-5c6de520] {
    position: relative;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer
}

.c-pictures-uploader li[data-v-5c6de520]:last-child {
    margin-right: 0
}

.c-pictures-uploader li.circle[data-v-5c6de520], .c-pictures-uploader li.circle img[data-v-5c6de520] {
    border-radius: 50%
}

.c-works-report-popup[data-v-5d2e7ddc] {
    width: 620px;
    padding: 13px 30px 0;
    box-sizing: border-box
}

.c-works-report-popup table[data-v-5d2e7ddc] {
    width: 100%;
    margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0 10px
}

.c-works-report-popup input[data-v-5d2e7ddc] {
    width: 100%;
    height: 28px
}

.c-works-report-popup label[data-v-5d2e7ddc] {
    cursor: default
}

.c-works-report-popup textarea[data-v-5d2e7ddc] {
    width: 100%
}

.c-works-report-popup td[data-v-5d2e7ddc] {
    text-align: left
}

.c-works-report-popup td[data-v-5d2e7ddc]:first-child {
    vertical-align: top
}

.c-works-report-popup .error-tips[data-v-5d2e7ddc] {
    margin-top: 10px
}

.c-works-report-popup .report-reasons[data-v-5d2e7ddc] li {
    width: 100%;
    margin-bottom: 20px
}

.c-works-report-popup strong[data-v-5d2e7ddc] {
    margin-top: 4px;
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #ccc
}

.c-demand-report-popup[data-v-f1171f04] {
    width: 620px;
    padding: 13px 30px 0;
    box-sizing: border-box
}

.c-demand-report-popup table[data-v-f1171f04] {
    width: 100%;
    margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0 10px
}

.c-demand-report-popup input[data-v-f1171f04] {
    width: 100%;
    height: 28px
}

.c-demand-report-popup label[data-v-f1171f04] {
    cursor: default
}

.c-demand-report-popup textarea[data-v-f1171f04] {
    width: 100%
}

.c-demand-report-popup td[data-v-f1171f04] {
    text-align: left
}

.c-demand-report-popup td[data-v-f1171f04]:first-child {
    vertical-align: top
}

.c-demand-report-popup .error-tips[data-v-f1171f04] {
    margin-top: 10px
}

.c-demand-report-popup .report-reasons[data-v-f1171f04] li {
    width: 146px;
    margin-bottom: 20px
}

.c-demand-report-popup strong[data-v-f1171f04] {
    margin-top: 4px;
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #ccc
}

.c-login-popup .popup-box {
    width: auto;
    transform: translate(-50%, -50%)
}

.c-login-popup .popup-box .popup-group {
    position: relative;
    padding-left: 65px
}

.c-login-popup .popup-box .popup-group select {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 10;
    height: 34px;
    width: 60px;
    font-size: 14px;
    text-indent: 5px;
    border-radius: 4px 0 0 4px
}

.c-login-popup .popup-box .popup-group .i_Text {
    border-radius: 0 4px 4px 0
}

.c-login-popup .popup-box .popup-group .i_Text:focus {
    border-color: #dee1e6;
    box-shadow: none
}

.g-plat-mobile .c-login-popup {
    display: block
}

.g-plat-mobile .c-login-popup .popup-box {
    width: 6.4rem !important
}

.g-plat-mobile .c-login-popup .popup-box .popup-group {
    position: relative;
    padding-left: 1.3rem
}

.g-plat-mobile .c-login-popup .popup-box .popup-group select {
    position: absolute;
    top: .18rem;
    left: 0;
    z-index: 10;
    height: .68rem;
    width: 1.28rem !important;
    visibility: visible;
    font-size: .28rem;
    text-indent: .1rem
}

.g-plat-mobile .c-login-popup .popup-box .popup-group select ul {
    width: 1.28rem !important
}

.g-plat-mobile .c-login-popup .popup-box .popup-group .i_Text {
    border-radius: 0 .08rem .08rem 0;
    width: 3.8rem !important
}

.g-plat-mobile .c-login-popup .popup-box .popup-group .i_Text.smscode {
    width: 2.8rem !important
}

.g-plat-mobile .c-login-popup .popup-box .popup-group .i_Text:focus {
    border-color: #dee1e6;
    box-shadow: none
}

.g-plat-mobile .c-login-popup .popup-box .popup-group .i_Btn {
    width: 2.1rem !important;
    font-size: .24rem
}

.c-mobile-guide-popup[data-v-9477e5de] {
    position: absolute;
    top: .5rem;
    right: .2rem;
    padding: .3rem .5rem;
    color: #2a2b2d;
    font-size: .36rem;
    line-height: .4rem;
    border-radius: .1rem;
    text-align: center;
    background: #fff
}

.c-mobile-guide-popup.keepleft[data-v-9477e5de]:before {
    right: 1rem
}

.c-mobile-guide-popup[data-v-9477e5de]:before {
    content: "";
    width: .5rem;
    height: .5rem;
    background: #fff;
    position: absolute;
    top: -.15rem;
    right: .2rem;
    transform: rotate(45deg);
    border-radius: .05rem;
    z-index: -1
}

.c-popup-layout[data-v-340f623e] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.c-popup-layout.scroll[data-v-340f623e] {
    -ms-flex-align: start;
    align-items: flex-start
}

.c-popup-layout .popup-context[data-v-340f623e] {
    margin: 20px 0;
    margin: 0
}

.c-popup-dialog[data-v-712ba9ca] {
    background: #fff;
    border-radius: 6px
}

.c-popup-dialog .dialog-title[data-v-712ba9ca] {
    position: relative;
    line-height: 58px;
    border-bottom: 1px solid #e9e9e9;
    padding-left: 20px;
    padding-right: 48px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 18px;
    color: #2a2b2d
}

.c-popup-dialog .dialog-title i[data-v-712ba9ca] {
    position: absolute;
    top: 50%;
    right: 0;
    width: 48px;
    z-index: 1;
    transform: translateY(-50%);
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    color: #999;
    cursor: pointer
}

.c-popup-dialog .dialog-contract_no[data-v-712ba9ca], .c-popup-dialog .dialog-update_time[data-v-712ba9ca] {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    right: 48px;
    color: red;
    line-height: 30px
}

.c-popup-dialog .dialog-contract_no[data-v-712ba9ca] {
    bottom: 20px
}

.c-popup-dialog .dialog-content[data-v-712ba9ca] {
    min-width: 400px;
    padding: 30px 30px 10px;
    box-sizing: border-box;
    line-height: 28px;
    font-size: 16px;
    text-align: center
}

.c-popup-dialog .dialog-btns[data-v-712ba9ca] {
    padding: 20px 30px;
    text-align: center
}

.c-popup-dialog .dialog-btns button[data-v-712ba9ca] {
    min-width: 100px;
    height: 36px;
    line-height: 34px;
    margin: 0 10px;
    padding: 0 20px;
    border-radius: 18px;
    box-sizing: border-box
}

.g-plat-mobile .c-popup-dialog[data-v-712ba9ca] {
    border-radius: .12rem
}

.g-plat-mobile .c-popup-dialog .dialog-title[data-v-712ba9ca] {
    line-height: 1rem;
    padding-left: .4rem;
    padding-right: .96rem;
    font-size: .32rem
}

.g-plat-mobile .c-popup-dialog .dialog-title i[data-v-712ba9ca] {
    width: .96rem;
    font-size: .48rem
}

.g-plat-mobile .c-popup-dialog .dialog-update_time[data-v-712ba9ca] {
    font-size: .24rem;
    right: .96rem;
    line-height: .6rem
}

.g-plat-mobile .c-popup-dialog .dialog-content[data-v-712ba9ca] {
    max-width: 6rem !important;
    min-width: 6rem !important;
    padding: .3rem .3rem .1rem;
    line-height: .48rem;
    font-size: .26rem
}

.g-plat-mobile .c-popup-dialog .dialog-btns[data-v-712ba9ca] {
    padding: .4rem .6rem
}

.g-plat-mobile .c-popup-dialog .dialog-btns button[data-v-712ba9ca] {
    min-width: 2rem;
    height: .72rem;
    line-height: .68rem;
    margin: 0 .2rem;
    padding: 0 .4rem;
    border-radius: .36rem;
    font-size: .26rem
}

.c-popup-toast[data-v-6074c564] {
    position: fixed;
    top: 100px;
    left: 50%;
    line-height: 20px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 6px #aaa;
    padding: 20px 24px;
    transform: translate(-50%, 50px);
    animation: c-mid-float-in-data-v-6074c564 .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    cursor: pointer
}

.c-popup-toast i[data-v-6074c564], .c-popup-toast span[data-v-6074c564] {
    vertical-align: middle;
    font-size: 16px;
    color: #2a2b2d
}

.c-popup-toast i[data-v-6074c564] {
    margin-right: 6px
}

@keyframes c-mid-float-in-data-v-6074c564 {
    0% {
        transform: translate(-50%, 50px);
        opacity: 0
    }
    to {
        transform: translate(-50%);
        opacity: 1
    }
}

.g-plat-mobile .c-popup-toast[data-v-6074c564] {
    top: 1rem;
    line-height: .4rem;
    padding: .3rem
}

.g-plat-mobile .c-popup-toast i[data-v-6074c564], .g-plat-mobile .c-popup-toast span[data-v-6074c564] {
    font-size: .26rem
}

.g-plat-mobile .c-popup-toast i[data-v-6074c564] {
    margin-right: .12rem
}

.c-preview-image[data-v-428ae097] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    overflow-y: auto;
    background-color: rgba(40, 40, 40, .95);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.c-preview-image.scroll[data-v-428ae097] {
    -ms-flex-align: start;
    align-items: flex-start
}

.c-preview-image .image[data-v-428ae097] {
    max-width: 80%;
    margin: 20px 0
}

.c-preview-image .close[data-v-428ae097] {
    position: fixed;
    right: 22px;
    top: 90px;
    z-index: 2;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background-color: #666;
    border-radius: 50%;
    cursor: pointer
}

.c-preview-image .close[data-v-428ae097]:hover {
    background: #bbb
}

.g-plat-mobile .c-preview-image .image[data-v-428ae097] {
    margin: .4rem 0
}

.g-plat-mobile .c-preview-image .close[data-v-428ae097] {
    right: .44rem;
    top: 1.8rem;
    width: .72rem;
    height: .72rem
}

.g-input, .g-textarea {
    padding: 0 8px;
    box-sizing: border-box;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    font-size: 14px
}

.g-input:disabled, .g-textarea:disabled {
    cursor: not-allowed;
    background: #ececec
}

.g-textarea {
    height: auto;
    padding: 3px 8px;
    line-height: 22px
}

.g-icon {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
    background-position: 50%;
    font-style: normal;
    font-size: 0
}

.g-error-tips, .g-icon {
    background-repeat: no-repeat
}

.g-error-tips {
    background-image: url();
    background-size: 18px 18px;
    background-position: 2px;
    line-height: 20px;
    padding-left: 26px;
    color: #ed510b !important
}

.g-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.g-btn {
    display: inline-block;
    border: 0;
    border-radius: 4px;
    padding: 0;
    background: #02bdd1;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.g-btn, .g-btn:link, .g-btn:visited {
    color: #fff
}

.g-btn:hover {
    background: #0acce1
}

.g-btn:active {
    background: #02bdd1
}

.g-btn:disabled {
    background: #ededed;
    color: #333;
    cursor: not-allowed
}

.g-sub-btn {
    display: inline-block;
    border: 0;
    border-radius: 4px;
    padding: 0;
    background: #e1eeff;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.g-sub-btn, .g-sub-btn:link, .g-sub-btn:visited {
    color: #2a2b2d
}

.g-sub-btn:hover {
    background: #ecf5ff
}

.g-sub-btn:active {
    background: #cce1fa
}

.g-link {
    cursor: pointer
}

.g-link, .g-link:link, .g-link:visited {
    color: #007aff
}

.g-link:hover {
    color: #2a6aa3
}

.g-link:active {
    color: #007aff
}

.g-empty {
    width: 438px;
    height: 343px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 262px;
    box-sizing: border-box;
    background-image: url(/imgs/empty.1a65fea.png);
    background-size: 344px 172px;
    background-position: center 60px;
    background-repeat: no-repeat;
    font-size: 20px;
    color: #9b9b9b;
    text-align: center
}

.errorText--validate {
    font-size: 12px;
    color: #ed510b;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -1px;
    padding-top: 4px;
    padding-left: 20px
}

.errorText--validate:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

@keyframes k-float-in {
    0% {
        transform: translateY(50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.g-float-in {
    transform: translateY(50px);
    animation: k-float-in .5s;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes k-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.g-fade-in {
    animation: k-fade-in .5s;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes k-rotate-infinite {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.g-rotate-infinite {
    animation: k-rotate-infinite 1s linear infinite
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.c-popup-login .popup-group {
    position: relative;
    padding-left: 65px
}

.c-popup-login .popup-group .w-Select {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 10;
    height: 34px;
    width: 40px;
    border-radius: 4px 0 0 4px
}

.c-popup-login .popup-group .i_Text {
    border-radius: 0 4px 4px 0
}

.c-popup-login .popup-group .i_Text:focus {
    border-color: #dee1e6;
    box-shadow: none
}

.c-popup-login .popup-close {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #bbb;
    position: absolute;
    right: -43px;
    top: 0
}

.login-box {
    width: 380px;
    border-radius: 20px;
    background: #fff;
    margin: auto;
    position: relative;
    display: none
}

.login-box.on {
    display: block
}

.login-box .begin-form-item {
    position: relative
}

.login-box .begin-form-item .w-Select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 35px;
    width: 102px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0
}



.login-header img {
    margin: 30px auto 10px
}

.login-header h2 {
    font-size: 16px;
    color: #b1b1b1;
    height: 20px;
    line-height: 20px;
    margin: 6px 0 30px
}

.login-cont {
    padding: 10px 30px 30px
}

.login-box.setting-box .login-header {
    height: 70px
}

.login-box.setting-box .login-header h2 {
    height: 100%;
    line-height: 70px;
    font-size: 18px;
    color: #03bdd1;
    margin: 0
}

.login-box.setting-box .login-cont {
    padding-bottom: 10px
}

.success-box {
    width: auto;
    padding: 36px 20px 43px;
    background-color: #fff;
    border-radius: 6px;
    position: relative
}

.success-box h2 {
    line-height: 22px;
    height: 24px;
    font-size: 18px;
    color: #2a2b2d;
    margin-bottom: 10px;
    text-align: center
}

.success-box h3 {
    line-height: 20px;
    height: 22px;
    font-size: 16px;
    color: #2a2b2d;
    text-align: center;
    margin-bottom: 37px
}

.success-box ul {
    width: 420px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.success-box ul li {
    border: 1px solid #e9e9e9;
    border-radius: 6px
}

.success-box ul li:hover {
    border: 1px solid #438ae5
}

.success-box ul li a {
    display: block;
    width: 120px;
    height: 146px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.success-box ul li a span {
    font-size: 14px;
    color: #2a2b2d
}

.success-box ul li a img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-top: 10px
}

.icon_visible {
    width: 32px;
    height: 36px;
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url();
    background-size: 16px auto
}

.icon_visible.unvisible {
    background-image: url()
}

.g-plat-mobile .c-popup-login .popup-box {
    width: 6.4rem !important
}

.g-plat-mobile .c-popup-login .popup-box .popup-group {
    position: relative;
    padding-left: 1.3rem
}

.g-plat-mobile .c-popup-login .popup-box .popup-group .w-Select {
    position: absolute;
    top: .18rem;
    left: 0;
    z-index: 10;
    height: .68rem;
    width: 1.28rem !important
}

.g-plat-mobile .c-popup-login .popup-box .popup-group .w-Select ul {
    width: 1.28rem !important
}

.g-plat-mobile .c-popup-login .popup-box .popup-group .i_Text {
    border-radius: 0 .08rem .08rem 0;
    width: 3.8rem !important
}

.g-plat-mobile .c-popup-login .popup-box .popup-group .i_Text.smscode {
    width: 2.8rem !important
}

.g-plat-mobile .c-popup-login .popup-box .popup-group .i_Text:focus {
    border-color: #dee1e6;
    box-shadow: none
}

.g-plat-mobile .c-popup-login .popup-box .popup-group .i_Btn {
    width: 2.1rem !important;
    font-size: .24rem
}

#yd-content {
    position: static !important
}

#yd-content .yidun_popup__mask {
    border-radius: 20px
}

.c-setting-layout[data-v-72743070] {
    max-width: 1000px;
    margin: 20px auto;
    padding: 20px 100px 55px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 4px 0 #e0e5e7;
    box-sizing: border-box
}

.c-setting-layout[data-v-72743070] .setting-title {
    border-bottom: 2px solid #f6f6f6;
    padding: 24px 0 6px
}

.c-setting-layout[data-v-72743070] .setting-title h2 {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    font-size: 18px
}

.c-setting-layout[data-v-72743070] .setting-rule {
    width: 464px;
    margin: 6px 0;
    text-align: right;
    font-size: 12px;
    color: #aaa6a6
}

.c-setting-layout[data-v-72743070] .setting-table {
    width: 100%;
    margin-bottom: 40px
}

.c-setting-layout[data-v-72743070] .setting-table th {
    padding-top: 40px;
    vertical-align: top;
    line-height: 34px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.c-setting-layout[data-v-72743070] .setting-table td {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6f6;
    text-align: left
}

.c-setting-layout[data-v-72743070] .setting-form {
    width: 100%;
    margin-bottom: 40px
}

.c-setting-layout[data-v-72743070] .setting-form td, .c-setting-layout[data-v-72743070] .setting-form th {
    position: relative;
    vertical-align: top;
    line-height: 28px;
    padding-bottom: 30px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.c-setting-layout[data-v-72743070] .setting-form td input, .c-setting-layout[data-v-72743070] .setting-form th input {
    width: 480px;
    height: 28px
}

.c-setting-layout[data-v-72743070] .setting-form td hr, .c-setting-layout[data-v-72743070] .setting-form th hr {
    width: 480px
}

.c-setting-layout[data-v-72743070] .setting-form td .setting-rule, .c-setting-layout[data-v-72743070] .setting-form th .setting-rule {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    width: 374px;
    text-align: left;
    color: #2a2b2d
}

.c-setting-layout[data-v-72743070] .setting-btn {
    margin-top: 40px;
    text-align: center
}

.c-setting-layout[data-v-72743070] .setting-form p, .c-setting-layout[data-v-72743070] .setting-table p {
    line-height: 22px
}

.c-setting-layout[data-v-72743070] .setting-form textarea, .c-setting-layout[data-v-72743070] .setting-table textarea {
    width: 464px
}

.c-setting-layout[data-v-72743070] .setting-form input, .c-setting-layout[data-v-72743070] .setting-table input {
    width: 464px;
    height: 34px
}

.c-withdraw-abroad .withdraw-money td[data-v-00c25c08], .c-withdraw-abroad .withdraw-money th[data-v-00c25c08] {
    line-height: 34px;
    padding: 32px 0;
    border-bottom: 1px solid #f6f6f6
}

.c-withdraw-abroad .withdraw-money td[data-v-00c25c08] {
    font-size: 34px;
    color: #2a2b2d
}

.c-withdraw-abroad .withdraw-money td sub[data-v-00c25c08] {
    vertical-align: text-bottom;
    margin-left: 6px;
    font-size: 14px
}

.c-withdraw-abroad .withdraw-money + tr td[data-v-00c25c08], .c-withdraw-abroad .withdraw-money + tr th[data-v-00c25c08] {
    padding-top: 40px
}

.c-withdraw-abroad .rule-right[data-v-00c25c08] {
    bottom: -6px !important;
    text-align: right !important
}

.c-withdraw-abroad .rule-right a[data-v-00c25c08] {
    font-size: 12px
}

.c-withdraw-abroad .setting-btn button[data-v-00c25c08] {
    width: 200px;
    height: 36px;
    border-radius: 18px
}

.c-withdraw-abroad .setting-rule[data-v-00c25c08] {
    width: auto !important
}

.p-works-detail[data-v-25f392b1] {
    max-width: 1000px;
    margin: 20px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 90vh
}

.p-works-detail[data-v-25f392b1] .detail-extends, .p-works-detail[data-v-25f392b1] .detail-main, .p-works-detail[data-v-25f392b1] .detail-user {
    box-shadow: 0 0 4px 0 #e0e5e7
}

.p-works-detail[data-v-25f392b1] .detail-user {
    top: 80px
}

.g-plat-mobile .p-works-detail[data-v-25f392b1] {
    margin: 0;
    min-height: auto;
    display: block
}

.popup_fans .popup-cont {
    padding-bottom: 10px
}

.popup_fans .popup-footer-text {
    margin-top: 18px;
    padding-top: 10px;
    border-top: 1px solid #e9e9e9;
    line-height: 20px;
    font-size: 12px;
    color: #93989e;
    text-align: left
}

.popup_fans .popup-footer-text strong {
    color: #62676d
}

.popup_fans .popup-iframe .popup-cont {
    padding: 30px 0 0;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.popup_fans .popup-iframe iframe {
    width: 600px;
    height: 440px;
    border: 0
}

.artist-serialization[data-v-e57835ca] {
    background-image: url(/imgs/welcome-bg.873437a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 100%;
    padding: 100px
}

.artist-serialization a[data-v-e57835ca]:hover {
    text-decoration: underline
}

.artist-serialization .serialization[data-v-e57835ca] {
    margin: 0 auto;
    max-width: 1200px;
    height: 736px;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 80px
}

.artist-serialization .serialization .serialization-header[data-v-e57835ca] {
    text-align: center;
    font-size: 40px;
    height: 56px;
    line-height: 56px;
    color: #292929;
    font-weight: 700
}

.artist-serialization .serialization .serialization-conter[data-v-e57835ca] {
    width: 800px;
    font-size: 16px;
    color: #3e4245;
    margin: 30px auto
}

.artist-serialization .serialization .serialization-conter .conterP[data-v-e57835ca] {
    color: #292929;
    line-height: 25px;
    text-indent: 2em
}

.artist-serialization .serialization .serialization-img[data-v-e57835ca] {
    width: 800px;
    margin: 0 auto;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.artist-serialization .serialization .serialization-img a[data-v-e57835ca] {
    display: block
}

.artist-serialization .serialization .serialization-img a[data-v-e57835ca]:hover {
    text-decoration: none
}

.artist-serialization .serialization .serialization-img a img[data-v-e57835ca] {
    width: 200px;
    height: 200px
}

.artist-serialization .serialization .serialization-img a p[data-v-e57835ca] {
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #333
}

.artist-serialization .serialization .serialization-img img[data-v-e57835ca]:last-child {
    float: right
}

.artist-serialization .serialization .serialization-btn[data-v-e57835ca] {
    width: 200px;
    height: 36px;
    margin: 0 auto;
    margin-top: 63px;
    font-size: 14px;
    color: #fff;
    background: #0acce1;
    border-radius: 20px;
    text-align: center;
    line-height: 36px;
    cursor: pointer
}

.c-select[data-v-b8705076] {
    position: relative;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 22px;
    box-sizing: border-box;
    background-color: #fff;
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-image: url();
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    cursor: pointer
}

.c-select[data-v-b8705076]:hover {
    border-color: silver;
    background-image: url()
}

.c-select .select-list[data-v-b8705076] {
    position: absolute;
    left: -1px;
    right: -1px;
    z-index: 10;
    display: none;
    margin-top: -2px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 0 0 4px 4px
}

.c-select .select-list li[data-v-b8705076] {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 0 9px;
    font-size: 14px;
    white-space: nowrap;
    color: #515151
}

.c-select .select-list li[data-v-b8705076]:hover {
    background: #fafbfd
}

.c-select .select-list li.select[data-v-b8705076] {
    background: #f0f5ff
}

.c-select .select-list li.suboption[data-v-b8705076] {
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-image: url()
}

.c-select .select-item:hover .select-sublist[data-v-b8705076] {
    display: block
}

.c-select .select-sublist[data-v-b8705076] {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    min-width: 160px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 0 4px 4px 0;
    max-height: 256px;
    overflow-y: auto;
    display: none
}

.c-select.drop-up[data-v-b8705076] {
    background-image: url();
    border-radius: 4px 4px 0 0
}

.c-select.drop-up[data-v-b8705076]:hover {
    background-image: url()
}

.c-select.drop-up .select-list[data-v-b8705076] {
    display: block
}

.c-select.placeholder[data-v-b8705076] {
    color: #aaa6a6
}

.c-pictures-uploader[data-v-1b94c8b0] {
    margin-top: 20px;
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.c-pictures-uploader ul[data-v-1b94c8b0] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-pictures-uploader ul img[data-v-1b94c8b0] {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.c-pictures-uploader ul button[data-v-1b94c8b0] {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    min-width: 20px;
    height: 20px;
    line-height: 15px;
    border-radius: 10px;
    background-color: rgba(42, 43, 45, .6);
    background-image: url();
    background-size: 9px 10px;
    background-position: 5px;
    background-repeat: no-repeat;
    opacity: .8;
    cursor: pointer
}

.c-pictures-uploader ul button[data-v-1b94c8b0]:hover {
    opacity: 1;
    color: #eee;
    padding-right: 5px
}

.c-pictures-uploader ul button:hover p[data-v-1b94c8b0] {
    display: block
}

.c-pictures-uploader ul button p[data-v-1b94c8b0] {
    margin-left: 15px;
    font-size: 12px;
    color: #fff;
    display: none
}

.c-pictures-uploader ul li[data-v-1b94c8b0] {
    position: relative;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.c-pictures-uploader ul li[data-v-1b94c8b0]:last-child {
    margin-right: 0
}

.c-pictures-uploader ul li.circle[data-v-1b94c8b0], .c-pictures-uploader ul li.circle img[data-v-1b94c8b0] {
    border-radius: 50%
}

.page[data-v-119c4dd9] {
    background-color: #f3f4f5
}

.container[data-v-119c4dd9] {
    background-color: #f3f4f5;
    height: 100%;
    width: 100%
}

.bg-white[data-v-119c4dd9] {
    background-color: #fff
}



.after--line[data-v-119c4dd9] {
    position: relative
}

.after--line[data-v-119c4dd9] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder[data-v-119c4dd9] {
    position: relative
}

.after--line__bolder[data-v-119c4dd9] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2[data-v-119c4dd9] {
    position: relative
}

.after--line__2[data-v-119c4dd9] :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1[data-v-119c4dd9] {
    position: relative
}

view[data-v-119c4dd9] {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1[data-v-119c4dd9] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative[data-v-119c4dd9] {
    position: relative
}

.col--center__left[data-v-119c4dd9] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left[data-v-119c4dd9], .col--top__left[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left[data-v-119c4dd9] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left[data-v-119c4dd9], .row--top__left[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center[data-v-119c4dd9] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center[data-v-119c4dd9], .col--center__top[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top[data-v-119c4dd9] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-119c4dd9] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right[data-v-119c4dd9] {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right[data-v-119c4dd9], .row--center__center[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center[data-v-119c4dd9] {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left[data-v-119c4dd9] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-119c4dd9], .row--center__right[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right[data-v-119c4dd9] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-119c4dd9] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-119c4dd9], .row--center__spaceB[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB[data-v-119c4dd9] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA[data-v-119c4dd9] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA[data-v-119c4dd9], .col--center__spaceB[data-v-119c4dd9] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB[data-v-119c4dd9] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.background--image[data-v-119c4dd9] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over[data-v-119c4dd9] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1[data-v-119c4dd9], .text--over__2[data-v-119c4dd9] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden[data-v-119c4dd9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x[data-v-119c4dd9] {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x[data-v-119c4dd9]::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x[data-v-119c4dd9] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow[data-v-119c4dd9] {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow[data-v-119c4dd9]:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red[data-v-119c4dd9] {
    color: #c51162 !important
}

.text--cursor[data-v-119c4dd9] {
    cursor: pointer
}



.c-setting-layout[data-v-119c4dd9] {
    max-width: 1000px;
    margin: 34px auto;
    padding: 20px 100px 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(98, 103, 109, .1);
    box-sizing: border-box
}

.c-setting-layout[data-v-119c4dd9] .setting-title .setting-title-info {
    padding-bottom: 19px;
    line-height: 25px;
    text-align: left;
    font-size: 18px;
    color: #2a2b2d;
    letter-spacing: 0
}

.c-setting-layout[data-v-119c4dd9] .setting-rule {
    width: 464px;
    margin: 6px 0;
    text-align: right;
    font-size: 12px;
    color: #aaa6a6
}

.c-setting-layout[data-v-119c4dd9] .setting-table {
    width: 100%;
    margin-bottom: 40px
}

.c-setting-layout[data-v-119c4dd9] .setting-table th {
    padding-top: 40px;
    vertical-align: top;
    line-height: 34px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.c-setting-layout[data-v-119c4dd9] .setting-table td {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6f6;
    text-align: left
}

.c-setting-layout[data-v-119c4dd9] .setting-form {
    width: 100%;
    margin-bottom: 40px
}

.c-setting-layout[data-v-119c4dd9] .setting-form td, .c-setting-layout[data-v-119c4dd9] .setting-form th {
    position: relative;
    vertical-align: top;
    line-height: 28px;
    padding-bottom: 30px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.c-setting-layout[data-v-119c4dd9] .setting-form td input, .c-setting-layout[data-v-119c4dd9] .setting-form th input {
    width: 480px;
    height: 28px
}

.c-setting-layout[data-v-119c4dd9] .setting-form td .setting-rule, .c-setting-layout[data-v-119c4dd9] .setting-form th .setting-rule {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    width: 374px;
    text-align: left;
    color: #2a2b2d
}

.c-setting-layout[data-v-119c4dd9] .setting-btn {
    margin-top: 40px;
    text-align: center
}

.c-setting-layout[data-v-119c4dd9] .setting-form p, .c-setting-layout[data-v-119c4dd9] .setting-table p {
    line-height: 22px
}

.c-setting-layout[data-v-119c4dd9] .setting-form textarea, .c-setting-layout[data-v-119c4dd9] .setting-table textarea {
    width: 464px
}

.c-setting-layout[data-v-119c4dd9] .setting-form input, .c-setting-layout[data-v-119c4dd9] .setting-table input {
    width: 464px;
    height: 34px
}

.crumu {
    max-width: 1000px;
    min-width: 720px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px
}

.crumu ul {
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px
}

.crumu ul li.noneIcon:after {
    display: none
}

.crumu ul li {
    display: inline-block;
    margin-right: 16px;
    position: relative
}

.crumu ul li a.noneClick:hover {
    color: #595959
}

.crumu ul li a:hover {
    color: #02bdd1 !important;
    text-decoration: none
}

.crumu ul li a:link, .crumu ul li a:visited {
    color: #595959;
    text-decoration: none
}

.crumu ul li:last-child:after {
    content: "";
    position: absolute
}

.crumu ul li:after {
    content: ">";
    position: absolute;
    width: 18px;
    text-align: center
}

.crumu ul li i {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    width: 12px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.warning {
    color: #000
}

.juese {
    color: gray;
    display: block
}

.status .status--form .status--form__item[data-v-49b0024e] {
    min-height: 108px;
    width: 100%;
    position: relative
}

.status .status--form .status--form__item .status--form__item-label[data-v-49b0024e] {
    width: 176px;
    font-size: 14px;
    color: #62676d;
    letter-spacing: 0;
    padding-top: 44px;
    box-sizing: border-box
}

.status .status--form .status--form__item .img-warnText[data-v-49b0024e] {
    font-size: 12px;
    color: #ed510b;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex
}

.status .status--form .status--form__item .img-warnText[data-v-49b0024e]:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.status .status--form .status--form__item .status--form__item-val[data-v-49b0024e] {
    -ms-flex: 1;
    flex: 1;
    min-height: 108px;
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px;
    border-bottom: 1px solid #f6f6f6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.status .status--form .status--form__item .status--form__item-val .status--form__item-val-textareaNumber[data-v-49b0024e] {
    height: 40px;
    font-size: 12px;
    color: #62676d;
    text-align: right;
    line-height: 40px;
    transition: all .2s ease-in;
    position: absolute;
    top: 0;
    right: 0
}

.status .status--form .status--form__item .status--form__item-val .status--form__item-val-title[data-v-49b0024e] {
    font-size: 14px;
    color: #93989e;
    text-align: justify;
    line-height: 20px;
    margin-top: 40px
}

.status .status--form .status--form__item .status--form__item-val .status--form__item-val-selectBox .c-select[data-v-49b0024e] {
    width: 316px
}

.status .status--form .status--form__item .status--form__item-val textarea[data-v-49b0024e] {
    width: 100%;
    min-height: 108px;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    margin: 40px 0 0
}

.status .status--form .status--form__item .status--form__item-val .relative[data-v-49b0024e] {
    margin-bottom: 40px
}

.status .status--form .status--form__item .status--form__item-val input[type=text][data-v-49b0024e] {
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    text-indent: 8px;
    color: #000
}

.status .status--form .status--form__item .status--form__item-val[data-v-49b0024e] ::-webkit-input-placeholder {
    color: #c3c8ce
}

.status .status--form .status--form__item .status--form__item-val .row--top__left[data-v-49b0024e] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.status .status--form .status--form__item .status--form__item-val .row--top__left .status--form__item-val-image[data-v-49b0024e] {
    margin-top: 24px;
    margin-right: 8px;
    height: 120px;
    width: 120px;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    background-color: #000
}

.status .status--form .status--form__active[data-v-49b0024e] {
    height: 116px;
    width: 100%
}

.status .status--form .status--form__btn[data-v-49b0024e] {
    padding: 40px 0;
    cursor: pointer
}

.status .status--form .status--form__btn button[data-v-49b0024e] {
    border-radius: 20px;
    line-height: 36px;
    width: 200px
}

#c-withdraw-abroad[data-v-49b0024e] {
    margin-top: 0;
    margin-bottom: 86px;
    padding: 20px 100px 0 70px
}

.c-withdraw-abroad-title[data-v-49b0024e] {
    height: 44px
}

#c-withdraw-abroad {
    margin-bottom: 86px
}

.c-withdraw-abroad-title {
    height: 44px
}

.c-setting-layout[data-v-38a1f872] {
    margin: 0 auto
}

.status[data-v-38a1f872] {
    width: 850px
}

.status .status--type[data-v-38a1f872]:before {
    display: none
}

.status .status--type[data-v-38a1f872] {
    background: #f5fcfc;
    border: 1px solid #f6f6f6;
    border-radius: 4px;
    width: 850px;
    padding: 0 10px;
    box-sizing: border-box;
    height: 56px
}

.status .status--type .active[data-v-38a1f872] {
    color: #ed510b !important
}

.status .status--type .status--type__head[data-v-38a1f872] {
    color: #2a2b2d;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
    font-weight: 700
}

.status .status--type .status--type__content[data-v-38a1f872] {
    line-height: 17px;
    font-size: 12px;
    color: #93989e
}

.status .status--form .status--form__item[data-v-38a1f872] {
    min-height: 68px;
    width: 100%
}

.status .status--form .status--form__item .status--form__item-label[data-v-38a1f872] {
    width: 176px;
    font-size: 14px;
    color: #62676d;
    letter-spacing: 0
}

.status .status--form .status--form__item .status--form__item-label span[data-v-38a1f872] {
    display: block;
    color: #999
}

.status .status--form .status--form__item .status--form__item-val[data-v-38a1f872] {
    -ms-flex: 1;
    flex: 1;
    min-height: 68px;
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px;
    border-bottom: 1px solid #f6f6f6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.status .status--form .status--form__item .status--form__item-val .row--center__left[data-v-38a1f872] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 26px;
    padding-top: 18px
}

.status .status--form .status--form__item .status--form__item-val .row--center__left .status--form__item-val-image[data-v-38a1f872] {
    margin-top: 8px;
    margin-right: 8px;
    height: 120px;
    width: 120px;
    border: 1px solid #dee1e6;
    border-radius: 4px
}

.status .status--form .status--form__item .status--form__item-val .row--center__left .status--form__item-val-image img[data-v-38a1f872] {
    width: 100%;
    height: 100%
}

.status .status--form .status--form__active[data-v-38a1f872] {
    height: 116px;
    width: 100%
}

.status .status--form .status--form__btn[data-v-38a1f872] {
    padding: 40px 0;
    cursor: pointer
}

.status .status--form .status--form__btn div[data-v-38a1f872] {
    margin: 0 auto;
    border-radius: 20px;
    line-height: 36px;
    width: 200px;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.page[data-v-371857ce] {
    background-color: #f3f4f5
}

.container[data-v-371857ce] {
    background-color: #f3f4f5;
    height: 100%;
    width: 100%
}

.bg-white[data-v-371857ce] {
    background-color: #fff
}


.after--line[data-v-371857ce] {
    position: relative
}

.after--line[data-v-371857ce] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder[data-v-371857ce] {
    position: relative
}

.after--line__bolder[data-v-371857ce] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2[data-v-371857ce] {
    position: relative
}

.after--line__2[data-v-371857ce] :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1[data-v-371857ce] {
    position: relative
}

view[data-v-371857ce] {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1[data-v-371857ce] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative[data-v-371857ce] {
    position: relative
}

.col--center__left[data-v-371857ce] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left[data-v-371857ce], .col--top__left[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left[data-v-371857ce] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left[data-v-371857ce], .row--top__left[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center[data-v-371857ce] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center[data-v-371857ce], .col--center__top[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top[data-v-371857ce] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-371857ce] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right[data-v-371857ce] {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right[data-v-371857ce], .row--center__center[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center[data-v-371857ce] {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left[data-v-371857ce] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-371857ce], .row--center__right[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right[data-v-371857ce] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-371857ce] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-371857ce], .row--center__spaceB[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB[data-v-371857ce] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA[data-v-371857ce] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA[data-v-371857ce], .col--center__spaceB[data-v-371857ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB[data-v-371857ce] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.background--image[data-v-371857ce] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over[data-v-371857ce] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1[data-v-371857ce], .text--over__2[data-v-371857ce] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden[data-v-371857ce] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x[data-v-371857ce] {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x[data-v-371857ce]::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x[data-v-371857ce] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow[data-v-371857ce] {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow[data-v-371857ce]:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red[data-v-371857ce] {
    color: #c51162 !important
}

.text--cursor[data-v-371857ce] {
    cursor: pointer
}



.c-pictures-uploader[data-v-371857ce] {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-pictures-uploader img[data-v-371857ce] {
    width: 158px;
    height: 158px;
    border-radius: 8px
}

.c-pictures-uploader .btn[data-v-371857ce], .c-pictures-uploader button[data-v-371857ce] {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #000;
    opacity: .8
}

.c-pictures-uploader .btn[data-v-371857ce]:hover, .c-pictures-uploader button[data-v-371857ce]:hover {
    opacity: 1;
    color: #eee
}

.c-pictures-uploader .btn[data-v-371857ce] {
    right: 16px
}

.c-pictures-uploader p[data-v-371857ce] {
    text-align: center;
    font-size: 14px;
    color: #595959;
    height: 24px;
    line-height: 24px
}

.c-pictures-uploader .imgname[data-v-371857ce] {
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    width: 158px;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-pictures-uploader li[data-v-371857ce] {
    position: relative;
    text-align: center;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer
}

.c-pictures-uploader li[data-v-371857ce]:last-child {
    margin-right: 0
}

.c-pictures-uploader li.circle[data-v-371857ce], .c-pictures-uploader li.circle img[data-v-371857ce] {
    border-radius: 4px
}

.imgActive[data-v-371857ce], .imgClose[data-v-371857ce] {
    animation: change-data-v-371857ce .5s infinite
}

@keyframes change-data-v-371857ce {
    0% {
        transform: scale(0);
        transform-origin: 50% 50%
    }
    to {
        transform: scale(1);
        transform-origin: 50% 50%
    }
}

.upload--group[data-v-371857ce] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 100%
}

.upload--group .upload--add[data-v-371857ce] {
    width: 184px;
    padding: 0 13px;
    box-sizing: border-box;
    height: 218px
}

.upload--group .upload--add .upload--add__prohibit[data-v-371857ce] {
    width: 158px;
    height: 158px;
    line-height: 158px;
    background: #f9f3f0;
    border: 1px solid #fdbfa4;
    border-radius: 4px;
    font-size: 14px;
    color: #ed510b;
    text-align: center
}

.upload--group .upload--itemSpace[data-v-371857ce] {
    border-radius: 8px;
    height: 218px;
    width: 184px;
    transition: all .2s ease-in;
    background-color: #fff;
    padding: 0 13px;
    box-sizing: border-box
}

.upload--group .upload--itemSpace div[data-v-371857ce] {
    padding: 10px 0
}

.upload--group .upload--itemSpace div .loading[data-v-371857ce] {
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    background-position: 50%;
    background-size: 100% 100%
}

.upload--group .upload--item[data-v-371857ce] {
    border-radius: 8px;
    height: 218px;
    width: 184px;
    transition: all .2s ease-in;
    background-color: transparent;
    padding: 0 13px;
    box-sizing: border-box
}

.upload--group .upload--item .upload--title[data-v-371857ce] {
    height: 30px;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    transition: all .2s ease-in;
    opacity: 0;
    pointer-events: none;
    text-align: center
}

.upload--group .upload--item .upload--title .img-index[data-v-371857ce] {
    text-align: center;
    position: relative;
    height: 30px;
    line-height: 30px
}

.upload--group .upload--item .upload--title .upload--title__iconGroup[data-v-371857ce] {
    position: absolute;
    right: 0;
    top: 6px
}

.upload--group .upload--item .upload--title .upload--title__iconGroup div[data-v-371857ce] {
    height: 18px;
    width: 18px;
    background-color: #000;
    margin-left: 9px
}

.upload--group .upload--item .upload--title .upload--title__iconGroup .upload--title__iconGroup-scale[data-v-371857ce] {
    background-color: #fff;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%
}

.upload--group .upload--item .upload--title .upload--title__iconGroup .upload--title__iconGroup-delete[data-v-371857ce] {
    background-color: #fff;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%
}

.upload--group .upload--item .upload--image[data-v-371857ce] {
    height: 158px;
    width: 158px;
    background-size: 100% auto
}

.upload--group .upload--item .upload--image div[data-v-371857ce] {
    font-size: 16px;
    color: #fff
}

.upload--group .upload--item .upload--image img[data-v-371857ce] {
    height: 100%;
    width: 100%;
    border-radius: 4px
}

.upload--group .upload--item .upload--error[data-v-371857ce] {
    background: #a5a5a5;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box
}

.upload--group .upload--item .upload--name[data-v-371857ce] {
    transition: all .2s ease-in;
    opacity: 0;
    pointer-events: none;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #595959;
    text-align: center;
    letter-spacing: 0;
    width: 100%
}

.upload--group .upload--item .show[data-v-371857ce] {
    transition: all .2s ease-in;
    opacity: 1;
    pointer-events: all
}

.upload--group .active[data-v-371857ce] {
    background-color: #fff;
    transition: all .2s ease-in
}

.upload-content-img[data-v-371857ce] {
    padding: 20px 40px;
    background: #f5fcfc
}

.upload-content-img .upload-content-img-conter[data-v-371857ce] {
    width: 100%;
    cursor: pointer;
    height: 300px;
    width: 880px;
    border: 1px dashed #93989e
}



.upload-content-img .upload-content-img-conter .upload-content-img-conter-text[data-v-371857ce] {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #2a2b2d
}

.upload-content-img .upload-content-img-conter .upload-content-img-conter-p[data-v-371857ce] {
    font-size: 12px;
    color: #93989e
}

.upload-content-img .upload-content-img-select[data-v-371857ce] {
    position: relative;
    width: 920px
}

.upload-content-img .upload-content-img-select .upload-content-img-select-conter[data-v-371857ce] {
    box-sizing: border-box
}

.upload-content-img .upload-content-img-select .upload-content-img-select-conter .upload_img[data-v-371857ce] {
    border-radius: 4px
}

.upload-content-img .upload-content-img-select-btnGroup[data-v-371857ce] {
    position: absolute;
    right: 0;
    bottom: 0
}

.upload-content-img .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item[data-v-371857ce] {
    text-align: center;
    width: 98px;
    cursor: pointer;
    height: 32px;
    background-color: #fff;
    line-height: 32px;
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: 0;
    margin-left: 10px
}

.upload-content-img-container[data-v-371857ce] {
    height: 420px;
    width: 100%
}

.loading-box[data-v-371857ce] {
    padding: 10px 0
}

.loading-box .loading[data-v-371857ce] {
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    background-position: 50%;
    background-size: 100% 100%
}

.fill--uploader .c-pictures-uploader li {
    margin-right: 4px !important
}

.fill--uploader .c-picture-uploader:hover i, .fill--uploader .c-picture-uploader i {
    width: 24px !important;
    height: 24px !important;
    background-image: url() !important
}

.fill--uploader .c-picture-uploader span {
    color: #2a2b2d !important
}

body.modalOpen[data-v-eae6ef96] {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    width: 100%
}

.page[data-v-eae6ef96] {
    background-color: #f3f4f5
}

.container[data-v-eae6ef96] {
    background-color: #f3f4f5;
    height: 100%
}

.bg-white[data-v-eae6ef96] {
    background-color: #fff
}

.hasFloorBottom[data-v-eae6ef96] {
    margin-bottom: 24 upx
}

.hasFloorTop[data-v-eae6ef96] {
    margin-top: 24 upx
}

.icon16x16[data-v-eae6ef96] {
    width: 16 rpx;
    height: 16 rpx;
    margin: 0 8 rpx
}

.icon-30x30[data-v-eae6ef96] {
    width: 30 rpx;
    height: 30 rpx;
    margin: 0 8 rpx;
    vertical-align: text-top
}

.after--line[data-v-eae6ef96] {
    position: relative
}

.after--line[data-v-eae6ef96] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder[data-v-eae6ef96] {
    position: relative
}

.after--line__bolder[data-v-eae6ef96] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2[data-v-eae6ef96] {
    position: relative
}

.after--line__2[data-v-eae6ef96] :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1[data-v-eae6ef96] {
    position: relative
}

view[data-v-eae6ef96] {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1[data-v-eae6ef96] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative[data-v-eae6ef96] {
    position: relative
}

.col--center__left[data-v-eae6ef96] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left[data-v-eae6ef96], .col--top__left[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left[data-v-eae6ef96] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left[data-v-eae6ef96], .row--top__left[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center[data-v-eae6ef96] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center[data-v-eae6ef96], .col--center__top[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top[data-v-eae6ef96] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-eae6ef96] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right[data-v-eae6ef96] {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right[data-v-eae6ef96], .row--center__center[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center[data-v-eae6ef96] {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left[data-v-eae6ef96] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-eae6ef96], .row--center__right[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right[data-v-eae6ef96] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-eae6ef96] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-eae6ef96], .row--center__spaceB[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB[data-v-eae6ef96] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA[data-v-eae6ef96] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA[data-v-eae6ef96], .col--center__spaceB[data-v-eae6ef96] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB[data-v-eae6ef96] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.background--image[data-v-eae6ef96] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over[data-v-eae6ef96] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1[data-v-eae6ef96], .text--over__2[data-v-eae6ef96] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden[data-v-eae6ef96] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x[data-v-eae6ef96] {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x[data-v-eae6ef96]::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x[data-v-eae6ef96] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow[data-v-eae6ef96] {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow[data-v-eae6ef96]:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red[data-v-eae6ef96] {
    color: #c51162 !important
}

.text--cursor[data-v-eae6ef96] {
    cursor: pointer
}

.container[data-v-eae6ef96] {
    position: fixed;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    min-height: 100vh
}

.container .dialog[data-v-eae6ef96] {
    background: #fff;
    overflow: scroll;
    border-radius: 6px
}

.container .dialog .dialog--close[data-v-eae6ef96] {
    position: absolute;
    right: 23.9px;
    top: 23.9px;
    font-size: 16px;
    cursor: pointer
}

.container .dialog .dialog--close i[data-v-eae6ef96] {
    height: 16px;
    width: 16px
}

.previewImages[data-v-5f7b1c08] {
    font-size: 0;
    width: 840px
}

.previewImages > div[data-v-5f7b1c08], .previewImages img[data-v-5f7b1c08] {
    width: 100%
}

.previewImages .previewImages--loading[data-v-5f7b1c08] {
    height: 300px;
    width: 100%;
    background: #fff
}

.previewImages .previewImages--loading div[data-v-5f7b1c08] {
    padding: 10px 0
}

.previewImages .previewImages--loading div .loading[data-v-5f7b1c08] {
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    background-position: 50%;
    background-size: 100% 100%
}

.deleteIcon[data-v-5f7b1c08] {
    position: fixed;
    right: 22px;
    top: 90px;
    z-index: 2;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background-color: #a4a5a5;
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    color: #fff
}

.dialog--container[data-v-23b0d8e4] {
    width: 100%;
    height: 0
}

.dialog[data-v-23b0d8e4] {
    padding: 0 19px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.dialog .dialog--content[data-v-23b0d8e4] {
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.dialog .dialog--footer[data-v-23b0d8e4] {
    height: 51.5px;
    width: 100%;
    border-top: 1px solid #f6f6f6
}

.dialog .dialog--footer div[data-v-23b0d8e4] {
    height: 32px;
    padding: 0 20px;
    border-radius: 16px;
    line-height: 32px
}

.choose--time {
    padding: 9px 0;
    box-sizing: border-box
}

.choose--time .row--center__spaceB input {
    height: 28px;
    width: 136px;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    line-height: 20px;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px
}

.time .time--title {
    padding: 8.5px 0
}

.time .time--title div {
    cursor: pointer
}

.time .time--title div div {
    margin-right: 17.5px;
    height: 12px;
    width: 12px;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url()
}

.time .time--title div .before--year {
    background-image: url()
}

.time .time--title div .before--month {
    background-image: url();
    margin-right: 0
}

.time .time--title div .next--month {
    background-image: url()
}

.time .time--title div .next--year {
    background-image: url();
    margin-right: 0
}

.time .time--title .time--title__info {
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #2a2b2d;
    line-height: 20px;
    margin-right: 0
}

.time .time--label {
    padding: 8.5px 0;
    border-bottom: 1px solid #f6f6f6
}

.time .time--label .time--label__item {
    padding: 0 13px;
    font-size: 14px;
    color: #2a2b2d;
    line-height: 20px;
    cursor: pointer
}

.time .time--content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #f6f6f6
}

.time .time--content .time--content__item {
    margin: 8px 5.9px;
    height: 28px;
    width: 28px;
    font-size: 14px;
    color: #2a2b2d;
    line-height: 28px;
    text-align: center;
    transition: all .2s ease-in;
    cursor: pointer;
    border-radius: 50%
}

.time .time--content .time--content__item:hover {
    color: #0acce1;
    transition: all .2s ease-in
}

.time .time--content .unActive {
    color: #93989e;
    cursor: not-allowed
}

.time .time--content .unActive:hover {
    color: #93989e
}

.time .time--content .active {
    transition: all .2s ease-in
}

.time .time--content .active, .time .time--content .active:hover {
    background: #0acce1;
    color: #fff
}

.select--dialog {
    position: absolute;
    top: 51px;
    left: 0;
    height: 206px;
    width: 136px;
    background: #fff;
    border: 1px solid #fdfdfd;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: 2px
}

.select--dialog div::-webkit-scrollbar, .select--dialog div::-webkit-scrollbar-thumb, .select--dialog textarea::-webkit-scrollbar, .select--dialog textarea::-webkit-scrollbar-thumb {
    display: none
}

.select--dialog .select--dialog__content {
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 13px 10px 0;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.select--dialog .select--dialog__content .select--dialog__content-item {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 52px 0 78px;
    box-sizing: border-box;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.select--dialog .select--dialog__content .select--dialog__content-item div {
    font-size: 12px;
    cursor: pointer;
    color: #2a2b2d;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.select--dialog .select--dialog__content .select--dialog__content-select {
    position: absolute;
    top: 65px;
    left: 0;
    height: 26px;
    width: 100%;
    border-top: 1px solid #f5f7fb;
    border-bottom: 1px solid #f5f7fb
}

.select--dialog .select--dialog__footer {
    height: 37px;
    border-top: 1px solid #f5f7fb;
    width: 100%;
    font-size: 12px;
    color: #2a2b2d
}

.select--dialog .select--dialog__footer .select--dialog__footer-close {
    cursor: pointer;
    margin-right: 20px
}

.select--dialog .select--dialog__footer .select--dialog__footer-confirm {
    cursor: pointer;
    color: #007aff;
    margin-right: 10px
}

.dialog[data-v-1e99cde7] {
    padding: 0 19px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.dialog div[data-v-1e99cde7]::-webkit-scrollbar, .dialog div[data-v-1e99cde7]::-webkit-scrollbar-thumb, .dialog textarea[data-v-1e99cde7]::-webkit-scrollbar, .dialog textarea[data-v-1e99cde7]::-webkit-scrollbar-thumb {
    display: none
}

.dialog .dialog--content[data-v-1e99cde7] {
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.dialog .dialog--footer[data-v-1e99cde7] {
    height: 51.5px;
    width: 100%
}

.dialog .dialog--footer div[data-v-1e99cde7] {
    height: 32px;
    padding: 0 20px;
    border-radius: 16px;
    line-height: 32px
}

.container, .page {
    background-color: #f3f4f5
}

.container {
    height: 100%;
    width: 100%
}

.bg-white {
    background-color: #fff
}


.after--line {
    position: relative
}

.after--line :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder {
    position: relative
}

.after--line__bolder :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2 {
    position: relative
}

.after--line__2 :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1 {
    position: relative
}

view {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1 :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative {
    position: relative
}

.col--center__left {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left, .col--top__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left, .row--top__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center, .col--center__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right, .row--center__center {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left, .row--center__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA, .row--center__spaceB {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE {
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA, .row--center__spaceE {
    display: -ms-flexbox;
    display: flex;
    align-content: center
}

.col--center__spaceA {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA, .col--center__spaceB {
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-start
}

.col--center__spaceB {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: start
}

.background--image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1, .text--over__2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red {
    color: #c51162 !important
}

.text--cursor {
    cursor: pointer
}



.select--time {
    padding: 9px 0;
    box-sizing: border-box
}

.select--time .row--center__spaceB input {
    height: 28px;
    width: 136px;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    line-height: 20px;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px
}

.dialog--title[data-v-01201ff0] {
    height: 57px;
    text-align: left;
    text-indent: 24px;
    line-height: 57px;
    font-size: 18px;
    color: #2a2b2d;
    font-weight: bolder;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 13px
}

.c-serialization-information-popup[data-v-01201ff0] {
    width: 100%;
    padding: 13px 30px 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-serialization-information-popup .information-popup-conter2[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter[data-v-01201ff0] {
    height: 28px;
    margin-bottom: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-left[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-left[data-v-01201ff0] {
    width: 104px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #62676d;
    text-align: left
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right[data-v-01201ff0] {
    height: 28px;
    -ms-flex: 1;
    flex: 1;
    line-height: 28px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-01201ff0] {
    width: 100%;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px;
    background: none;
    outline: none;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding: 0 8px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-01201ff0]:hover, .c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-01201ff0]:hover, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-01201ff0]:hover, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-01201ff0]:hover {
    border: 1px solid #c3c8ce
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-01201ff0]::-webkit-input-placeholder, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-01201ff0]::-webkit-input-placeholder {
    color: #c3c8ce;
    font-size: 14px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-01201ff0] {
    margin-top: 0;
    z-index: 0;
    position: relative
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-01201ff0] {
    border-radius: 2px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-01201ff0] img, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-01201ff0] img {
    border-radius: 0
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-01201ff0] button, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-01201ff0] button {
    top: 3px;
    right: 3px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right p[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right p[data-v-01201ff0] {
    color: #93989e;
    font-size: 12px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .right-p[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .right-p[data-v-01201ff0] {
    height: 28px;
    line-height: 28px;
    color: #2a2b2d;
    font-size: 14px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .datepicker /dep/ .el-popper[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .datepicker /dep/ .el-popper[data-v-01201ff0] {
    top: 710px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .datepicker /dep/ .el-date-editor[data-v-01201ff0], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .datepicker /dep/ .el-date-editor[data-v-01201ff0] {
    width: 452px
}

.c-serialization-information-popup .information-popup-conter2[data-v-01201ff0] {
    height: 185px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-serialization-information-popup .information-popup-conter2 p[data-v-01201ff0] {
    color: #93989e;
    font-size: 12px
}

.dialog--btnGroup[data-v-01201ff0] {
    height: 96px
}

.dialog--btnGroup div[data-v-01201ff0] {
    text-align: center;
    height: 36px;
    width: 100px;
    line-height: 36px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer
}

.dialog--btnGroup .dialog--btnGroup__left[data-v-01201ff0] {
    color: #fff;
    margin-right: 10px
}

.dialog--btnGroup .dialog--btnGroup__right[data-v-01201ff0] {
    color: #2a2b2d
}

.el-date-table td.today span {
    color: #0acce1 !important;
    background: none !important
}

.warnText {
    font-size: 12px;
    color: #ed510b;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -1px;
    padding-top: 4px
}

.warnText:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.dialog--title[data-v-04f0dd34] {
    height: 57px;
    text-align: left;
    text-indent: 24px;
    line-height: 57px;
    font-size: 18px;
    color: #2a2b2d;
    font-weight: bolder;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 13px
}

.c-serialization-information-popup[data-v-04f0dd34] {
    width: 100%;
    padding: 13px 30px 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-serialization-information-popup .information-popup-conter2[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter[data-v-04f0dd34] {
    height: 28px;
    margin-bottom: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-left[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-left[data-v-04f0dd34] {
    width: 104px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #62676d;
    text-align: left
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right[data-v-04f0dd34] {
    height: 28px;
    -ms-flex: 1;
    flex: 1;
    line-height: 28px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-04f0dd34] {
    width: 100%;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px;
    background: none;
    outline: none;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding: 0 8px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-04f0dd34]:hover, .c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-04f0dd34]:hover, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-04f0dd34]:hover, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-04f0dd34]:hover {
    border: 1px solid #c3c8ce
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right input[data-v-04f0dd34]::-webkit-input-placeholder, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right input[data-v-04f0dd34]::-webkit-input-placeholder {
    color: #c3c8ce;
    font-size: 14px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .form-date[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .form-date[data-v-04f0dd34] {
    margin-top: 0;
    z-index: 0;
    position: relative
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-04f0dd34] {
    border-radius: 2px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-04f0dd34] img, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-04f0dd34] img {
    border-radius: 0
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .uploadimg[data-v-04f0dd34] button, .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .uploadimg[data-v-04f0dd34] button {
    top: 3px;
    right: 3px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right p[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right p[data-v-04f0dd34] {
    color: #93989e;
    font-size: 12px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .right-p[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .right-p[data-v-04f0dd34] {
    height: 28px;
    line-height: 28px;
    color: #2a2b2d;
    font-size: 14px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .datepicker /dep/ .el-popper[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .datepicker /dep/ .el-popper[data-v-04f0dd34] {
    top: 710px
}

.c-serialization-information-popup .information-popup-conter2 .information-popup-conter-right .datepicker /dep/ .el-date-editor[data-v-04f0dd34], .c-serialization-information-popup .information-popup-conter .information-popup-conter-right .datepicker /dep/ .el-date-editor[data-v-04f0dd34] {
    width: 452px
}

.c-serialization-information-popup .information-popup-conter2[data-v-04f0dd34] {
    height: 185px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-serialization-information-popup .information-popup-conter2 p[data-v-04f0dd34] {
    color: #93989e;
    font-size: 12px
}

.dialog--btnGroup[data-v-04f0dd34] {
    height: 96px
}

.dialog--btnGroup div[data-v-04f0dd34] {
    text-align: center;
    height: 36px;
    width: 100px;
    line-height: 36px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer
}

.dialog--btnGroup .dialog--btnGroup__left[data-v-04f0dd34] {
    color: #fff;
    margin-right: 10px
}

.dialog--btnGroup .dialog--btnGroup__right[data-v-04f0dd34] {
    color: #2a2b2d
}

.el-date-editor.el-input {
    width: 452px !important
}

.el-input__inner {
    height: 28px !important;
    line-height: 28px !important;
    width: 100% !important;
    padding-left: 8px !important;
    color: #000 !important
}

.el-input__inner::-webkit-input-placeholder {
    color: #c3c8ce !important
}

.el-input__inner::-ms-input-placeholder {
    color: #c3c8ce !important
}

.el-input__inner::placeholder {
    color: #c3c8ce !important
}

.el-input__inner:focus {
    border: 1px solid #c3c8ce !important
}

.el-input__prefix, .el-input__suffix {
    display: none !important
}

.el-picker-panel {
    -ms-top: 600px !important;
    top: 200px !important;
    width: 450px !important
}

@media (min-height: 0px) and (max-height: 500px) {
    .el-picker-panel {
        -ms-top: 500px !important;
        top: -90px !important;
        width: 450px !important
    }
}

@media (min-height: 500px) and (max-height: 623px) {
    .el-picker-panel {
        -ms-top: 500px !important;
        top: -60px !important;
        width: 450px !important
    }
}

@media (min-height: 623px) and (max-height: 725px) {
    .el-picker-panel {
        -ms-top: 500px !important;
        top: -40px !important;
        width: 450px !important
    }
}

@media (min-height: 725px) and (max-height: 760px) {
    .el-picker-panel {
        -ms-top: 500px !important;
        top: -10px !important;
        width: 450px !important
    }
}

@media (min-height: 760px) and (max-height: 780px) {
    .el-picker-panel {
        -ms-top: 500px !important;
        top: 20px !important;
        width: 450px !important
    }
}

@media (min-height: 780px) and (max-height: 880px) {
    .el-picker-panel {
        -ms-top: 500px !important;
        top: 80px !important;
        width: 450px !important
    }
}

.el-time-panel {
    width: 211px !important;
    left: 4px !important
}

.c-select.placeholder {
    color: #c3c8ce !important
}

.el-date-picker .el-picker-panel__content {
    width: 420px !important;
    margin: 0 15px
}

.el-popper[x-placement^=top] .popper__arrow {
    display: none !important
}

.c-popup-layout {
    padding-bottom: 117px !important
}

.el-button--mini {
    display: none !important
}

.is-plain {
    display: block !important;
    padding: 0 !important;
    background: #0acce1 !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    color: #fff !important;
    width: 73px !important;
    height: 32px !important;
    line-height: 32px !important
}

.is-plain:hover {
    border: none !important;
    padding: 0 !important
}

.el-picker-panel__footer {
    height: 44px !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.el-date-table td span {
    font-size: 14px !important
}

.el-picker-panel__content .el-date-table td.today span {
    color: #0acce1 !important;
    background: none !important
}

.el-picker-panel__content .el-date-table td.today.current span {
    color: #fff !important
}

.el-date-table td span:hover {
    color: #0acce1 !important
}

.el-date-table td.today span {
    color: #fff !important;
    background: #0acce1 !important;
    border-radius: 50% !important
}

.el-date-table td.current:not(.disabled) span {
    background: #0acce1 !important
}

.el-date-table td.current:not(.disabled) span:hover {
    color: #fff !important
}

.errorText {
    font-size: 12px;
    color: #ed510b;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -1px;
    padding-top: 4px;
    padding-left: 20px
}

.errorText:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.page[data-v-05adbdcf] {
    background-color: #f3f4f5
}

.container[data-v-05adbdcf] {
    background-color: #f3f4f5;
    height: 100%;
    width: 100%
}

.bg-white[data-v-05adbdcf] {
    background-color: #fff
}

.hasFloorBottom[data-v-05adbdcf] {
    margin-bottom: 24 upx
}

.hasFloorTop[data-v-05adbdcf] {
    margin-top: 24 upx
}

.icon16x16[data-v-05adbdcf] {
    width: 16 rpx;
    height: 16 rpx;
    margin: 0 8 rpx
}

.icon-30x30[data-v-05adbdcf] {
    width: 30 rpx;
    height: 30 rpx;
    margin: 0 8 rpx;
    vertical-align: text-top
}

.after--line[data-v-05adbdcf] {
    position: relative
}

.after--line[data-v-05adbdcf] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder[data-v-05adbdcf] {
    position: relative
}

.after--line__bolder[data-v-05adbdcf] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2[data-v-05adbdcf] {
    position: relative
}

.after--line__2[data-v-05adbdcf] :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1[data-v-05adbdcf] {
    position: relative
}

view[data-v-05adbdcf] {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1[data-v-05adbdcf] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative[data-v-05adbdcf] {
    position: relative
}

.col--center__left[data-v-05adbdcf] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left[data-v-05adbdcf], .col--top__left[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left[data-v-05adbdcf] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left[data-v-05adbdcf], .row--top__left[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center[data-v-05adbdcf] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center[data-v-05adbdcf], .col--center__top[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top[data-v-05adbdcf] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-05adbdcf] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right[data-v-05adbdcf] {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right[data-v-05adbdcf], .row--center__center[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center[data-v-05adbdcf] {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left[data-v-05adbdcf] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-05adbdcf], .row--center__right[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right[data-v-05adbdcf] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-05adbdcf] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-05adbdcf], .row--center__spaceB[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB[data-v-05adbdcf] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA[data-v-05adbdcf] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA[data-v-05adbdcf], .col--center__spaceB[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB[data-v-05adbdcf] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.background--image[data-v-05adbdcf] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over[data-v-05adbdcf] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1[data-v-05adbdcf], .text--over__2[data-v-05adbdcf] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden[data-v-05adbdcf] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x[data-v-05adbdcf] {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x[data-v-05adbdcf]::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x[data-v-05adbdcf] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow[data-v-05adbdcf] {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow[data-v-05adbdcf]:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red[data-v-05adbdcf] {
    color: #c51162 !important
}

.text--cursor[data-v-05adbdcf] {
    cursor: pointer
}



.serialization-upload[data-v-05adbdcf] {
    width: 100%;
    height: 100%;
    padding-top: 1px;
    background: #f5fcfc
}

.serialization-upload .crumbs[data-v-05adbdcf] {
    margin: 0 auto
}

.serialization-upload .upload[data-v-05adbdcf] {
    margin: 0 auto;
    max-width: 1000px;
    box-shadow: 0 0 3px 0 rgba(98, 103, 109, .1);
    background: #fff;
    border-radius: 10px
}

.serialization-upload .upload .upload-title[data-v-05adbdcf] {
    height: 63px;
    line-height: 63px;
    margin: 0 40px;
    color: #2a2b2d;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    border-bottom: 2px solid #f6f6f6
}

.serialization-upload .upload .upload-content[data-v-05adbdcf] {
    padding: 20px 53px;
    max-width: 1000px;
    height: 163px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.serialization-upload .upload .upload-content .upload-content-left[data-v-05adbdcf] {
    background: #f5fcfc;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 118px;
    height: 133px
}

.serialization-upload .upload .upload-content .upload-content-left .fill--image[data-v-05adbdcf] {
    height: 100%;
    width: 100%
}

.serialization-upload .upload .upload-content .upload-content-left img[data-v-05adbdcf] {
    width: 30px;
    height: 34px
}

.serialization-upload .upload .upload-content .upload-content-left p[data-v-05adbdcf] {
    margin-top: 8px;
    font-size: 14px;
    color: #ababab;
    letter-spacing: 0
}

.serialization-upload .upload .upload-content .upload-content-right[data-v-05adbdcf] {
    margin-left: 20px;
    width: 699px;
    height: 130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-title[data-v-05adbdcf] {
    font-size: 16px;
    color: #2a2b2d;
    margin: 9px 0
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-content[data-v-05adbdcf] {
    height: 24px;
    line-height: 24px
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-content p[data-v-05adbdcf] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #93989e;
    width: 84px
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-content .content-p[data-v-05adbdcf] {
    -ms-flex: 1;
    flex: 1;
    color: #000;
    margin-left: 20px
}

.serialization-upload .upload .upload-content .upload-content-right-btn[data-v-05adbdcf] {
    cursor: pointer;
    width: 120px;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #2a2b2d;
    text-align: center;
    line-height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 20px
}

.serialization-upload .upload .upload-content .upload-content-right-btn[data-v-05adbdcf]:hover {
    border-color: #999
}

.serialization-upload .upload .upload-content-img[data-v-05adbdcf] {
    padding: 20px 40px;
    background: #f1f7ff;
    position: relative
}

.serialization-upload .upload .upload-content-img .ispull[data-v-05adbdcf] {
    position: absolute;
    width: 150px;
    text-align: center;
    bottom: 10px;
    height: 30px;
    line-height: 30px;
    color: #333;
    left: calc(50% - 75px)
}

.serialization-upload .upload .upload-content-img .upload-content-img-conter[data-v-05adbdcf] {
    width: 100%;
    min-height: 557px
}



.serialization-upload .upload .upload-content-img .upload-content-img-conter .upload-content-img-conter-text[data-v-05adbdcf] {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #2a2b2d
}

.serialization-upload .upload .upload-content-img .upload-content-img-conter .upload-content-img-conter-p[data-v-05adbdcf] {
    font-size: 12px;
    color: #93989e
}

.serialization-upload .upload .upload-content-img .upload-content-img-select[data-v-05adbdcf] {
    position: relative;
    width: 920px;
    background: #f1f7ff
}

.serialization-upload .upload .upload-content-img .upload-content-img-select .upload-content-img-select-conter[data-v-05adbdcf] {
    box-sizing: border-box
}

.serialization-upload .upload .upload-content-img .upload-content-img-select .upload-content-img-select-conter .upload_img[data-v-05adbdcf] {
    border-radius: 4px
}

.serialization-upload .upload .upload-content-img .upload-content-img-select-btnGroup[data-v-05adbdcf] {
    position: absolute;
    right: 0;
    bottom: 0
}

.serialization-upload .upload .upload-content-img .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item[data-v-05adbdcf] {
    width: 98px;
    cursor: pointer;
    height: 32px;
    background-color: #fff;
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: 0;
    margin-left: 10px
}

.serialization-upload .upload .upload-content-img .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item div[data-v-05adbdcf] {
    margin-right: 6.9px;
    height: 16px;
    width: 16px
}

.serialization-upload .upload .upload-content-img .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item .upload--eyesIcon[data-v-05adbdcf] {
    background-image: url()
}

.serialization-upload .upload .upload-content-img .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item .upload--deleteIcon[data-v-05adbdcf] {
    background-image: url()
}

.serialization-upload .upload .upload-content-btn[data-v-05adbdcf] {
    height: 94px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-top: 24px;
    box-sizing: border-box
}

.serialization-upload .upload .upload-content-btn .ispull[data-v-05adbdcf] {
    position: absolute;
    top: 10px;
    left: 472px;
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup[data-v-05adbdcf] {
    position: absolute;
    left: 53px;
    top: 43px
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item[data-v-05adbdcf] {
    width: 98px;
    cursor: pointer;
    height: 32px;
    background-color: #fff;
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: 0;
    margin-left: 10px;
    background: #fff;
    border: 1px solid #d9d9d9
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item div[data-v-05adbdcf] {
    margin-right: 6.9px;
    height: 16px;
    width: 16px
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item .upload--eyesIcon[data-v-05adbdcf] {
    background-image: url()
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item .upload--deleteIcon[data-v-05adbdcf] {
    background-image: url()
}

.serialization-upload .upload .upload-content-btn .isstatus1[data-v-05adbdcf], .serialization-upload .upload .upload-content-btn .upload-content-boutton[data-v-05adbdcf] {
    width: 140px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.serialization-upload .upload .upload-content-btn .isstatus1[data-v-05adbdcf] {
    background: #ededed;
    color: #cacaca
}

.serialization-upload .upload .upload-content-btn .upload-content-warning[data-v-05adbdcf] {
    height: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 9px;
    position: absolute;
    top: 21px;
    left: 442px
}

.serialization-upload .upload .upload-content-btn .upload-content-warning .errorText--validate[data-v-05adbdcf] {
    font-size: 12px;
    color: #ed510b;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -1px;
    padding-top: 4px;
    padding-left: 20px
}

.serialization-upload .upload .upload-content-btn .upload-content-warning .errorText--validate[data-v-05adbdcf]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.serialization-upload .serialization-upload_footer[data-v-05adbdcf] {
    height: 129px
}

.page[data-v-0a9d2b0d] {
    background-color: #f3f4f5
}

.container[data-v-0a9d2b0d] {
    background-color: #f3f4f5;
    height: 100%;
    width: 100%
}

.bg-white[data-v-0a9d2b0d] {
    background-color: #fff
}

.hasFloorBottom[data-v-0a9d2b0d] {
    margin-bottom: 24 upx
}

.hasFloorTop[data-v-0a9d2b0d] {
    margin-top: 24 upx
}

.icon16x16[data-v-0a9d2b0d] {
    width: 16 rpx;
    height: 16 rpx;
    margin: 0 8 rpx
}

.icon-30x30[data-v-0a9d2b0d] {
    width: 30 rpx;
    height: 30 rpx;
    margin: 0 8 rpx;
    vertical-align: text-top
}

.after--line[data-v-0a9d2b0d] {
    position: relative
}

.after--line[data-v-0a9d2b0d] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder[data-v-0a9d2b0d] {
    position: relative
}

.after--line__bolder[data-v-0a9d2b0d] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2[data-v-0a9d2b0d] {
    position: relative
}

.after--line__2[data-v-0a9d2b0d] :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1[data-v-0a9d2b0d] {
    position: relative
}

view[data-v-0a9d2b0d] {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1[data-v-0a9d2b0d] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative[data-v-0a9d2b0d] {
    position: relative
}

.col--center__left[data-v-0a9d2b0d] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left[data-v-0a9d2b0d], .col--top__left[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left[data-v-0a9d2b0d] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left[data-v-0a9d2b0d], .row--top__left[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center[data-v-0a9d2b0d] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center[data-v-0a9d2b0d], .col--center__top[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top[data-v-0a9d2b0d] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-0a9d2b0d] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right[data-v-0a9d2b0d] {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right[data-v-0a9d2b0d], .row--center__center[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center[data-v-0a9d2b0d] {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left[data-v-0a9d2b0d] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-0a9d2b0d], .row--center__right[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right[data-v-0a9d2b0d] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-0a9d2b0d] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-0a9d2b0d], .row--center__spaceB[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB[data-v-0a9d2b0d] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA[data-v-0a9d2b0d] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA[data-v-0a9d2b0d], .col--center__spaceB[data-v-0a9d2b0d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB[data-v-0a9d2b0d] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.background--image[data-v-0a9d2b0d] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over[data-v-0a9d2b0d] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1[data-v-0a9d2b0d], .text--over__2[data-v-0a9d2b0d] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden[data-v-0a9d2b0d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x[data-v-0a9d2b0d] {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x[data-v-0a9d2b0d]::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x[data-v-0a9d2b0d] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow[data-v-0a9d2b0d] {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow[data-v-0a9d2b0d]:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red[data-v-0a9d2b0d] {
    color: #c51162 !important
}

.text--cursor[data-v-0a9d2b0d] {
    cursor: pointer
}


.info[data-v-0a9d2b0d] {
    max-width: 1000px;
    margin: 0 auto
}

.info .info--title[data-v-0a9d2b0d] {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px
}

.info .info--content[data-v-0a9d2b0d] {
    max-width: 1000px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(98, 103, 109, .1);
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 121px
}

.dialog--title[data-v-8cd7fadc] {
    height: 57px;
    text-align: left;
    text-indent: 24px;
    line-height: 57px;
    font-size: 18px;
    color: #2a2b2d;
    line-height: 24px;
    font-weight: bolder;
    border-bottom: 1px solid #e9e9e9
}

.dialog--title[data-v-8cd7fadc] :before {
    display: none
}

.dialog--content[data-v-8cd7fadc] {
    padding: 0 30px;
    box-sizing: border-box;
    width: 100%
}

.dialog--content .info--container .info--type[data-v-8cd7fadc] {
    margin-top: 20px;
    background: #f5fcfc;
    border: 1px solid #f6f6f6;
    border-radius: 4px;
    padding: 8px 20px;
    box-sizing: border-box;
    width: 100%
}

.dialog--content .info--container .info--type .info--type__head[data-v-8cd7fadc] {
    font-size: 16px;
    color: #2a2b2d;
    letter-spacing: 0;
    font-weight: bolder
}

.dialog--content .info--container .info--type .headcolor[data-v-8cd7fadc] {
    color: #e82300
}

.dialog--content .info--container .info--type .info--type__content[data-v-8cd7fadc] {
    margin-top: 2px;
    font-size: 12px;
    color: #93989e;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px
}

.dialog--content .info--container .info--type .active[data-v-8cd7fadc] {
    color: #e82300
}

.dialog--content .info--container .info--item[data-v-8cd7fadc] {
    min-height: 60px;
    border-bottom: 1px solid #e9e9e9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.dialog--content .info--container .info--item .info--item__label[data-v-8cd7fadc] {
    margin-top: 20px;
    font-size: 14px;
    color: #62676d;
    width: 150px;
    letter-spacing: 0
}

.dialog--content .info--container .info--item .info--item__label span[data-v-8cd7fadc] {
    display: block;
    color: gray
}

.dialog--content .info--container .info--item .info--item__val[data-v-8cd7fadc] {
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 0
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-time[data-v-8cd7fadc] {
    margin-left: 40px;
    position: relative
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-time[data-v-8cd7fadc]:before {
    content: "";
    position: absolute;
    top: 5.5px;
    left: -20px;
    height: 10px;
    width: 1px;
    background: #e9e9e9
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-heightImage[data-v-8cd7fadc] {
    height: 158px;
    width: 107px;
    background-color: #000;
    margin-right: 20.5px;
    border-radius: 4px;
    overflow: hidden
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-heightImage img[data-v-8cd7fadc] {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-widthImage[data-v-8cd7fadc] {
    width: 158px;
    height: 107px;
    border-radius: 4px;
    overflow: hidden
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-widthImage img[data-v-8cd7fadc] {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.dialog--btnGroup[data-v-8cd7fadc] {
    height: 96px
}

.dialog--btnGroup div[data-v-8cd7fadc] {
    text-align: center;
    height: 36px;
    width: 100px;
    line-height: 36px;
    border-radius: 20px;
    font-size: 14px
}

.dialog--btnGroup .dialog--btnGroup__left[data-v-8cd7fadc] {
    background: #02bdd1;
    color: #fff;
    margin-right: 10px;
    cursor: pointer
}

.dialog--btnGroup .dialog--btnGroup__right[data-v-8cd7fadc] {
    background: #e1eeff;
    color: #2a2b2d
}

.calendar_conter[data-v-83ebfd18] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 120px;
    overflow: scroll;
    overflow-x: hidden
}

.calendar_conter li[data-v-83ebfd18] {
    font-size: 14px;
    color: #2a2b2d;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.calendar_conter li[data-v-83ebfd18]:hover {
    background: #eff6ff
}

.calendar_conter .fontcolor[data-v-83ebfd18] {
    color: #93989e
}

.calendar_conter .active[data-v-83ebfd18] {
    background: #0acce1;
    color: #fff
}

.calendar_btn[data-v-83ebfd18] {
    height: 31px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center
}

.calendar_btn div[data-v-83ebfd18] {
    float: right;
    font-size: 12px;
    color: #007aff;
    width: 44px;
    height: 19px;
    border-radius: 4px;
    line-height: 19px;
    text-align: center
}

.c-select[data-v-9e72d4ce] {
    position: relative;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 22px;
    box-sizing: border-box;
    background-color: #fdfdfd;
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-image: url();
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    cursor: pointer
}

.c-select .c-select-span[data-v-9e72d4ce] {
    color: #000
}

.c-select[data-v-9e72d4ce]:hover {
    border-color: #dee1e6;
    background-image: url()
}

.c-select .select-list[data-v-9e72d4ce] {
    position: absolute;
    left: -1px;
    right: -1px;
    z-index: 10;
    display: none;
    margin-top: -2px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fff
}

.c-select .select-list .list-header[data-v-9e72d4ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 20px 8px
}

.c-select .select-list .list-header .list-header-left[data-v-9e72d4ce], .c-select .select-list .list-header .list-header-right[data-v-9e72d4ce] {
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    width: 136px;
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px
}

.c-select .select-list .list-header .list-header-left input[data-v-9e72d4ce], .c-select .select-list .list-header .list-header-right input[data-v-9e72d4ce] {
    border: none;
    width: 100%;
    background: #fdfdfd;
    height: 24px;
    line-height: 24px;
    padding: 0
}

.c-select .select-list .list-header .list-header-left input.placeholder[data-v-9e72d4ce], .c-select .select-list .list-header .list-header-right input.placeholder[data-v-9e72d4ce] {
    color: #c3c8ce;
    font-size: 14px
}

.c-select .select-list .list-header .list-header-right[data-v-9e72d4ce] {
    width: 218px;
    margin-left: 12px
}

.c-select .select-list .list-content[data-v-9e72d4ce] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid #e4e4e4
}

.c-select .select-list .list-content .list-content-left[data-v-9e72d4ce] {
    width: 162px
}

.c-select .select-list .list-content .list-content-left li[data-v-9e72d4ce] {
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4
}

.c-select .select-list .list-content .list-content-left li[data-v-9e72d4ce]:hover {
    background: #eff6ff
}

.c-select .select-list .list-content .list-content-left .li_color[data-v-9e72d4ce] {
    color: #007aff
}

.c-select .select-list .list-content .list-content-right[data-v-9e72d4ce] {
    width: 243px
}

.c-select .select-list .list-content .list-content-right ul[data-v-9e72d4ce] {
    height: 163px;
    overflow: scroll;
    overflow-x: hidden
}

.c-select .select-list .list-content .list-content-right ul li[data-v-9e72d4ce] {
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    border-bottom: 1px solid #e4e4e4
}

.c-select .select-list .list-content .list-content-right ul li[data-v-9e72d4ce]:hover {
    background: #eff6ff
}

.c-select .select-list .list-content .list-content-right ul .li_color[data-v-9e72d4ce] {
    color: #007aff
}

.c-select .select-list .list-content .list-content-right .calendar[data-v-9e72d4ce] {
    padding: 10px 10px 0
}

.c-select .select-item:hover .select-sublist[data-v-9e72d4ce] {
    display: block
}

.c-select .select-sublist[data-v-9e72d4ce] {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    min-width: 160px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 0 4px 4px 0;
    max-height: 256px;
    overflow-y: auto;
    display: none
}

.c-select.drop-up[data-v-9e72d4ce] {
    background-image: url();
    border-radius: 4px 4px 0 0
}

.c-select.drop-up[data-v-9e72d4ce]:hover {
    background-image: url()
}

.c-select.drop-up .select-list[data-v-9e72d4ce] {
    display: block
}

.c-select.placeholder[data-v-9e72d4ce] {
    color: #c3c8ce
}

.timep[data-v-9e72d4ce] {
    color: #000 !important
}

.dialog--title[data-v-677ef332] {
    height: 57px;
    text-align: left;
    text-indent: 24px;
    line-height: 57px;
    font-size: 18px;
    color: #2a2b2d;
    font-weight: bolder;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 13px
}

.dialog--content[data-v-677ef332] {
    padding: 0 30px;
    box-sizing: border-box;
    width: 100%
}

.dialog--content .info--container .info--type[data-v-677ef332] {
    margin-top: 20px;
    background: #f5fcfc;
    border: 1px solid #f6f6f6;
    border-radius: 4px;
    padding: 8px 20px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px
}

.dialog--content .info--container .info--type .info--type__head[data-v-677ef332] {
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    font-weight: bolder
}

.dialog--content .info--container .info--type .info--type__content[data-v-677ef332] {
    margin-top: 2px;
    font-size: 12px;
    color: #93989e;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px
}

.dialog--content .info--container .info--type .active[data-v-677ef332] {
    color: #e82300
}

.dialog--content .info--container .info--item[data-v-677ef332] {
    min-height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.dialog--content .info--container .info--item .info--item__label[data-v-677ef332] {
    margin-top: 10px;
    font-size: 14px;
    color: #62676d;
    width: 150px;
    letter-spacing: 0;
    line-height: 20px
}

.dialog--content .info--container .info--item .info--item__label span[data-v-677ef332] {
    display: block;
    color: gray
}

.dialog--content .info--container .info--item .info--item__val[data-v-677ef332] {
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0
}

.dialog--content .info--container .info--item .info--item__val input[type=text][data-v-677ef332] {
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    width: 100%;
    height: 28px;
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: 0
}

.dialog--content .info--container .info--item .info--item__val[data-v-677ef332] ::-webkit-input-placeholder {
    color: #c3c8ce
}

.dialog--content .info--container .info--item .info--item__val textarea[data-v-677ef332] {
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding: 4px 8px;
    height: 80px;
    width: 100%;
    box-sizing: border-box
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-val[data-v-677ef332] {
    line-height: 21px;
    font-size: 12px;
    color: #93989e;
    margin-bottom: 10px
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-heightImage[data-v-677ef332] {
    height: 158px;
    width: 107px;
    margin-right: 20.5px
}

.dialog--content .info--container .info--item .info--item__val .info--item__val-widthImage[data-v-677ef332] {
    width: 158px;
    height: 107px
}

.dialog--content .info--container .info--item .info--item__val .info--item__val_num[data-v-677ef332] {
    height: 15px;
    margin-top: 5px;
    font-size: 12px;
    color: #62676d;
    text-align: right;
    line-height: 15px;
    transition: all .2s ease-in
}

.dialog--btnGroup[data-v-677ef332] {
    height: 96px
}

.dialog--btnGroup div[data-v-677ef332] {
    text-align: center;
    height: 36px;
    width: 100px;
    line-height: 36px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer
}

.dialog--btnGroup .dialog--btnGroup__left[data-v-677ef332] {
    color: #fff;
    margin-right: 10px
}

.dialog--btnGroup .dialog--btnGroup__right[data-v-677ef332] {
    color: #2a2b2d
}

.c-picture-uploader i {
    margin-right: 5px
}

.validate {
    font-size: 12px;
    color: #ed510b;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    padding-top: 9px
}

.validate:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.info[data-v-2ab47f74] {
    min-height: 826px
}

.info .info--title[data-v-2ab47f74] {
    padding: 0
}

.info .info--user[data-v-2ab47f74] {
    width: 244px;
    background-color: #f5fcfc
}

.info .info--user .col--top__left[data-v-2ab47f74] {
    padding: 0 30px 30px;
    box-sizing: border-box
}

.info .info--user .info--user__editor[data-v-2ab47f74] {
    cursor: pointer;
    width: 100%;
    height: 65px;
    font-size: 14px;
    background-color: #fff6f2;
    color: #595959;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    padding: 11px 22px;
    box-sizing: border-box
}

.info .info--user .info--user__editor span[data-v-2ab47f74] {
    color: #1282fc;
    text-decoration: underline;
    cursor: pointer
}

.info .info--user .info--user__editor1[data-v-2ab47f74] {
    height: 43px;
    position: relative
}

.info .info--user .info--user__editor1 i[data-v-2ab47f74] {
    display: inline-block;
    margin-left: 3px;
    height: 12px;
    width: 12px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 58%
}

.info .info--user .info--user__editor1 .warming[data-v-2ab47f74] {
    position: absolute;
    right: 22px;
    top: 15.5px;
    background-image: url();
    background-size: 94%
}

.info .info--user .info--user__toEditor[data-v-2ab47f74] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 21px;
    width: 70px;
    height: 30px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    z-index: 2
}

.info .info--user .info--user__image[data-v-2ab47f74] {
    border-radius: 10px;
    width: 184px;
    height: 272px;
    margin-top: 30px;
    position: relative;
    overflow: hidden
}

.info .info--user .info--user__image img[data-v-2ab47f74] {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.info .info--user .info--user__title[data-v-2ab47f74] {
    margin: 30px 0 6px;
    font-size: 16px;
    color: #2c2c2c;
    letter-spacing: 0;
    text-align: center;
    font-weight: bolder;
    line-height: 22px
}

.info .info--user .info--user__userName[data-v-2ab47f74], .info .info--user .info--user__userTime[data-v-2ab47f74] {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px
}

.info .info--user .info--user__content[data-v-2ab47f74] {
    margin-top: 20px;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px
}

.info .info--user .info--user__a[data-v-2ab47f74] {
    margin-top: 10px;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 24px
}

.info .info--user .info--user__a .underLineA[data-v-2ab47f74] {
    text-decoration: underline
}

.info .info--value[data-v-2ab47f74] {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box
}

.info .info--value .info--value__title[data-v-2ab47f74] {
    margin: 0 30px;
    height: 63px;
    line-height: 63px;
    font-size: 18px;
    color: #2a2b2d;
    letter-spacing: 0;
    border-bottom: 1px solid #f6f6f6;
    font-weight: bolder
}

.info .info--value .info--value__content[data-v-2ab47f74] {
    overflow: hidden
}

.info .info--value .info--value__content .chapter--group[data-v-2ab47f74] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 100px;
    width: 717px;
    transform: translateX(-10px);
    padding-bottom: 5px
}

.info .info--value .info--value__content .chapter--group .chapter--add[data-v-2ab47f74] {
    margin: 20px 0 0 20px;
    background: #f1f7ff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    box-sizing: border-box;
    width: 338px;
    height: 158px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.info .info--value .info--value__content .chapter--group .chapter--add .chapter--item__add[data-v-2ab47f74] {
    font-size: 14px;
    color: #2a2b2d;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    margin: 0 auto
}

.info .info--value .info--value__content .chapter--group .chapter--add .chapter--item__addicon[data-v-2ab47f74] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-bottom: 5px
}

.info .info--value .info--value__content .chapter--group .chapter--add .chapter--item__addicon img[data-v-2ab47f74] {
    width: 100%
}

.info .info--value .info--value__content .chapter--group .chapter--item[data-v-2ab47f74] {
    cursor: pointer;
    margin: 20px 0 0 20px;
    background: #fff;
    box-shadow: 0 0 4px 0 #e0e5e7;
    border-radius: 8px;
    width: 338px;
    height: 158px
}

.info .info--value .info--value__content .chapter--group .chapter--item .chapter--item__image[data-v-2ab47f74] {
    height: 158px;
    width: 158px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    overflow: hidden
}

.info .info--value .info--value__content .chapter--group .chapter--item .chapter--item__image img[data-v-2ab47f74] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.info .info--value .info--value__content .chapter--group .chapter--item .chapter--item__content[data-v-2ab47f74] {
    -ms-flex: 1;
    flex: 1;
    height: 158px;
    box-sizing: border-box;
    padding: 20px
}

.info .info--value .info--value__content .chapter--group .chapter--item .chapter--item__content .chapter--item__title[data-v-2ab47f74] {
    font-size: 16px;
    color: #2c2c2c;
    letter-spacing: 0;
    line-height: 22px
}

.info .info--value .info--value__content .chapter--group .chapter--item .chapter--item__content .chapter--item__val[data-v-2ab47f74] {
    margin-top: 8px;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 24px;
    height: 48px
}

.info .info--value .info--value__content .chapter--group .chapter--item .chapter--item__content .chapter--item__type[data-v-2ab47f74] {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 18px
}

.page[data-v-141d470c] {
    background-color: #f3f4f5
}

.container[data-v-141d470c] {
    background-color: #f3f4f5;
    height: 100%;
    width: 100%
}

.bg-white[data-v-141d470c] {
    background-color: #fff
}

.after--line[data-v-141d470c] {
    position: relative
}

.after--line[data-v-141d470c] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder[data-v-141d470c] {
    position: relative
}

.after--line__bolder[data-v-141d470c] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2[data-v-141d470c] {
    position: relative
}

.after--line__2[data-v-141d470c] :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1[data-v-141d470c] {
    position: relative
}

view[data-v-141d470c] {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1[data-v-141d470c] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative[data-v-141d470c] {
    position: relative
}

.col--center__left[data-v-141d470c] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left[data-v-141d470c], .col--top__left[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left[data-v-141d470c] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left[data-v-141d470c], .row--top__left[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center[data-v-141d470c] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center[data-v-141d470c], .col--center__top[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top[data-v-141d470c] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-141d470c] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right[data-v-141d470c] {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right[data-v-141d470c], .row--center__center[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center[data-v-141d470c] {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left[data-v-141d470c] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-141d470c], .row--center__right[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right[data-v-141d470c] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-141d470c] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-141d470c], .row--center__spaceB[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB[data-v-141d470c] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA[data-v-141d470c] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA[data-v-141d470c], .col--center__spaceB[data-v-141d470c] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB[data-v-141d470c] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.background--image[data-v-141d470c] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over[data-v-141d470c] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1[data-v-141d470c], .text--over__2[data-v-141d470c] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden[data-v-141d470c] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x[data-v-141d470c] {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x[data-v-141d470c]::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x[data-v-141d470c] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow[data-v-141d470c] {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow[data-v-141d470c]:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red[data-v-141d470c] {
    color: #c51162 !important
}

.text--cursor[data-v-141d470c] {
    cursor: pointer
}



.c-setting-layout[data-v-141d470c] {
    max-width: 1000px;
    margin: 34px auto;
    padding: 20px 100px 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(98, 103, 109, .1);
    box-sizing: border-box;
    min-height: 862px
}

.c-setting-layout[data-v-141d470c] .setting-title .setting-title-info {
    padding-bottom: 19px;
    line-height: 25px;
    text-align: left;
    font-size: 18px;
    color: #2a2b2d;
    letter-spacing: 0
}

.c-setting-layout[data-v-141d470c] .setting-title .setting-title-right {
    float: right;
    color: #007aff;
    cursor: pointer
}

.c-setting-layout[data-v-141d470c] .setting-rule {
    width: 464px;
    margin: 6px 0;
    text-align: right;
    font-size: 12px;
    color: #aaa6a6
}

.c-setting-layout[data-v-141d470c] .setting-table {
    width: 100%;
    margin-bottom: 40px
}

.c-setting-layout[data-v-141d470c] .setting-table th {
    padding-top: 40px;
    vertical-align: top;
    line-height: 34px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.c-setting-layout[data-v-141d470c] .setting-table td {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6f6;
    text-align: left
}

.c-setting-layout[data-v-141d470c] .setting-form {
    width: 100%;
    margin-bottom: 40px
}

.c-setting-layout[data-v-141d470c] .setting-form td, .c-setting-layout[data-v-141d470c] .setting-form th {
    position: relative;
    vertical-align: top;
    line-height: 28px;
    padding-bottom: 30px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.c-setting-layout[data-v-141d470c] .setting-form td input, .c-setting-layout[data-v-141d470c] .setting-form th input {
    width: 480px;
    height: 28px
}

.c-setting-layout[data-v-141d470c] .setting-form td .setting-rule, .c-setting-layout[data-v-141d470c] .setting-form th .setting-rule {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    width: 374px;
    text-align: left;
    color: #2a2b2d
}

.c-setting-layout[data-v-141d470c] .setting-btn {
    margin-top: 40px;
    text-align: center
}

.c-setting-layout[data-v-141d470c] .setting-form p, .c-setting-layout[data-v-141d470c] .setting-table p {
    line-height: 22px
}

.c-setting-layout[data-v-141d470c] .setting-form textarea, .c-setting-layout[data-v-141d470c] .setting-table textarea {
    width: 464px
}

.c-setting-layout[data-v-141d470c] .setting-form input, .c-setting-layout[data-v-141d470c] .setting-table input {
    width: 464px;
    height: 34px
}

.dei[data-v-53a39cb1] {
    width: 100%;
    height: 100%;
    background: #f5fcfc;
    padding: 20px 0 36px
}

.layout[data-v-53a39cb1] {
    padding: 20px 40px 0;
    height: 100%
}

.layout[data-v-53a39cb1] .details {
    height: calc(100% - 148px);
    padding-top: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layout[data-v-53a39cb1] .details .details-conter {
    width: 450px;
    height: 184px;
    margin-bottom: 26px;
    box-shadow: 0 0 4px 0 #e0e5e7;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-left {
    width: 184px;
    height: 184px;
    border-radius: 8px;
    position: relative
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-left img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-left .details-conter-left-icon {
    position: absolute;
    border-top-left-radius: 8px;
    top: 0;
    left: 0;
    width: 54px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #ed510b;
    border-radius: 8px 0 8px 0
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right {
    padding: 12px 20px
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 22px;
    margin-bottom: 10px;
    width: 229px
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-title .details-conter-right-title-ico {
    height: 20px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #72c6ff;
    margin-right: 10px
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-title .details-conter-right-title-p {
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    color: #2c2c2c;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    height: 22px
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 .details-conter-right-center-left {
    width: 56px;
    font-size: 12px;
    color: #93989e;
    margin-right: 3px
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 /deep/ .details-conter-right-center-right.connect {
    text-decoration: none
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 /deep/ .details-conter-right-center-right.connect a {
    text-decoration: underline
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 /deep/ .details-conter-right-center-right.connect span {
    text-decoration: none;
    color: #333
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 .details-conter-right-center-right {
    width: 170px;
    font-size: 12px;
    color: #2a2b2d
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 .iscolor {
    color: #6c3
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 .iscolor1 {
    color: #ed510b
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-center .details-conter-right-center1 .connect {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-btn {
    width: 226px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin-top: 10px
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-btn1 {
    margin-top: 9px;
    width: 226px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-btn1 .details-conter-right-btn1-left, .layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-btn1 .details-conter-right-btn1-right {
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-btn1 .details-conter-right-btn1-left {
    width: 108px;
    height: 30px;
    color: #222;
    background: #fff
}

.layout[data-v-53a39cb1] .details .details-conter .details-conter-right .details-conter-right-btn1 .details-conter-right-btn1-right {
    border: none;
    width: 108px;
    height: 30px
}

.layout[data-v-53a39cb1] .loading-box {
    padding: 10px 0
}

.layout[data-v-53a39cb1] .loading-box .loading {
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    background-position: 50%;
    background-size: 100% 100%
}

.layout[data-v-53a39cb1] .more {
    height: 60px;
    padding: 10px 0
}

.layout[data-v-53a39cb1] .more span {
    display: block;
    margin: 0 auto;
    color: #d1cece;
    font-size: 14px;
    line-height: 50px;
    text-align: center
}

a[data-v-53a39cb1], a[data-v-53a39cb1]:active, a[data-v-53a39cb1]:focus, a[data-v-53a39cb1]:hover, a[data-v-53a39cb1]:link, a[data-v-53a39cb1]:visited {
    text-decoration: underline
}

.page[data-v-3daf10d6] {
    background-color: #f3f4f5
}

.container[data-v-3daf10d6] {
    background-color: #f3f4f5;
    height: 100%;
    width: 100%
}

.bg-white[data-v-3daf10d6] {
    background-color: #fff
}


.after--line[data-v-3daf10d6] {
    position: relative
}

.after--line[data-v-3daf10d6] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder[data-v-3daf10d6] {
    position: relative
}

.after--line__bolder[data-v-3daf10d6] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2[data-v-3daf10d6] {
    position: relative
}

.after--line__2[data-v-3daf10d6] :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1[data-v-3daf10d6] {
    position: relative
}

view[data-v-3daf10d6] {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.after--line__1[data-v-3daf10d6] :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative[data-v-3daf10d6] {
    position: relative
}

.col--center__left[data-v-3daf10d6] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start
}

.col--center__left[data-v-3daf10d6], .col--top__left[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left[data-v-3daf10d6] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start
}

.row--start__left[data-v-3daf10d6], .row--top__left[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__center[data-v-3daf10d6] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.col--center__center[data-v-3daf10d6], .col--center__top[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top[data-v-3daf10d6] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-3daf10d6] {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.col--center__right[data-v-3daf10d6] {
    -ms-flex-pack: center;
    justify-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.col--center__right[data-v-3daf10d6], .row--center__center[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center[data-v-3daf10d6] {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    align-items: center
}

.row--center__left[data-v-3daf10d6] {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__left[data-v-3daf10d6], .row--center__right[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right[data-v-3daf10d6] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-3daf10d6] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceA[data-v-3daf10d6], .row--center__spaceB[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB[data-v-3daf10d6] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.row--center__spaceE[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.col--center__spaceA[data-v-3daf10d6] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.col--center__spaceA[data-v-3daf10d6], .col--center__spaceB[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB[data-v-3daf10d6] {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: start
}

.background--image[data-v-3daf10d6] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.text--over[data-v-3daf10d6] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1[data-v-3daf10d6], .text--over__2[data-v-3daf10d6] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2
}

.text--over__hidden[data-v-3daf10d6] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overHidden--scroll__x[data-v-3daf10d6] {
    overflow-x: hidden;
    overflow-y: scroll
}

.overHidden--scroll__x[data-v-3daf10d6]::-webkit-scrollbar {
    width: 0 !important
}

.overHidden--scroll__x[data-v-3daf10d6] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hover--shadow[data-v-3daf10d6] {
    transition: all .5s ease-in;
    margin-top: 0
}

.hover--shadow[data-v-3daf10d6]:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 20px #dfdfdf;
    transform: translateY(-5px)
}

.text--red[data-v-3daf10d6] {
    color: #c51162 !important
}

.text--cursor[data-v-3daf10d6] {
    cursor: pointer
}



.serialization-upload[data-v-3daf10d6] {
    width: 100%;
    height: 100%;
    padding-top: 1px;
    background: #f5fcfc
}

.serialization-upload .crumbs[data-v-3daf10d6] {
    margin: 0 auto
}

.serialization-upload .upload[data-v-3daf10d6] {
    margin: 0 auto;
    max-width: 1000px;
    box-shadow: 0 0 3px 0 rgba(98, 103, 109, .1);
    background: #fff;
    border-radius: 10px
}

.serialization-upload .upload .upload-title[data-v-3daf10d6] {
    height: 63px;
    line-height: 63px;
    margin: 0 40px;
    color: #2a2b2d;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: 700;
    border-bottom: 2px solid #f6f6f6
}

.serialization-upload .upload .scroll[data-v-3daf10d6] {
    height: 200px;
    overflow-y: scroll
}

.serialization-upload .upload .upload--type[data-v-3daf10d6] {
    background: #f5fcfc;
    width: 100%;
    padding: 12px 60px;
    box-sizing: border-box
}

.serialization-upload .upload .upload--type .upload--type__title[data-v-3daf10d6] {
    font-size: 16px;
    color: #2a2b2d;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.serialization-upload .upload .upload--type .upload--type__item[data-v-3daf10d6] {
    padding-left: 20px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    position: relative;
    border-left: 1px solid #c3c8ce
}

.serialization-upload .upload .upload--type .upload--type__item[data-v-3daf10d6]:last-child {
    border: none
}

.serialization-upload .upload .upload--type .upload--type__item[data-v-3daf10d6]:last-child:before {
    display: none
}

.serialization-upload .upload .upload--type .upload--type__item .upload--type__item-line[data-v-3daf10d6] {
    position: absolute;
    font-size: 12px;
    color: #93989e;
    letter-spacing: 0;
    text-align: right;
    line-height: 24px;
    right: 0;
    top: 0
}

.serialization-upload .upload .upload--type .upload--type__item .upload--type__item-content[data-v-3daf10d6] {
    position: relative
}

.serialization-upload .upload .upload--type .upload--type__item .upload--type__item-content p[data-v-3daf10d6] {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px
}

.serialization-upload .upload .upload--type .upload--type__item .upload--type__item-content .title[data-v-3daf10d6] {
    position: relative;
    top: -5px;
    font-weight: 700;
    color: #ed510b;
    line-height: 24px;
    margin: 0
}

.serialization-upload .upload .upload--type .upload--type__item .upload--type__item-content .pass[data-v-3daf10d6] {
    color: #00c4da
}

.serialization-upload .upload .upload--type .upload--type__item .upload--type__item-content[data-v-3daf10d6]:before {
    content: "";
    position: absolute;
    left: -25.5px;
    top: 0;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #ed510b;
    border: 2px solid #f5fcfc
}

.serialization-upload .upload .upload--type__item.passItem .upload--type__item-content[data-v-3daf10d6]:before {
    content: "";
    position: absolute;
    left: -25.5px;
    top: 0;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #00c4da
}

.serialization-upload .upload .upload-content[data-v-3daf10d6] {
    padding: 20px 53px;
    max-width: 1000px;
    height: 163px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.serialization-upload .upload .upload-content .upload-content-left1[data-v-3daf10d6], .serialization-upload .upload .upload-content .upload-content-left[data-v-3daf10d6] {
    float: left;
    width: 118px;
    height: 133px;
    border-radius: 4px;
    background: #2a2b2d
}

.serialization-upload .upload .upload-content .upload-content-left1 img[data-v-3daf10d6], .serialization-upload .upload .upload-content .upload-content-left img[data-v-3daf10d6] {
    border-radius: 4px;
    width: 100%;
    height: 100%
}

.serialization-upload .upload .upload-content .upload-content-left1[data-v-3daf10d6] {
    background: #f3f3f3;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.serialization-upload .upload .upload-content .upload-content-left1 img[data-v-3daf10d6] {
    border-radius: 4px;
    width: 35px;
    height: 35px
}

.serialization-upload .upload .upload-content .upload-content-left1 p[data-v-3daf10d6] {
    margin-top: 8px;
    font-size: 14px;
    color: #ababab
}

.serialization-upload .upload .upload-content .upload-content-right[data-v-3daf10d6] {
    margin-left: 20px;
    width: 699px;
    height: 130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-title[data-v-3daf10d6] {
    font-size: 16px;
    color: #2a2b2d;
    margin: 9px 0
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-content[data-v-3daf10d6] {
    height: 24px;
    line-height: 24px
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-content p[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #93989e;
    width: 84px
}

.serialization-upload .upload .upload-content .upload-content-right .upload-content-right-content .content-p[data-v-3daf10d6] {
    -ms-flex: 1;
    flex: 1;
    color: #000;
    margin-left: 20px
}

.serialization-upload .upload .upload-content .upload-content-right-btn[data-v-3daf10d6] {
    width: 120px;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #2a2b2d;
    text-align: center;
    line-height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    cursor: pointer;
    transition: all .2s ease-in
}

.serialization-upload .upload .upload-content .upload-content-right-btn[data-v-3daf10d6]:hover {
    border-color: #999;
    transition: all .2s ease-in
}

.serialization-upload .upload .upload-content-img[data-v-3daf10d6] {
    padding: 20px 40px;
    background: #f1f7ff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.serialization-upload .upload .upload-content-img .ispull[data-v-3daf10d6] {
    position: absolute;
    width: 150px;
    text-align: center;
    bottom: 10px;
    height: 30px;
    line-height: 30px;
    color: #333;
    left: calc(50% - 75px)
}

.serialization-upload .upload .upload-content-img .upload-content-img-conter[data-v-3daf10d6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.serialization-upload .upload .upload-content-img .upload-content-img-conter .upload-content-img-conter-icon[data-v-3daf10d6] {
    width: 64px;
    height: 64px;
    background: #00c4da;
    border-radius: 50%
}

.serialization-upload .upload .upload-content-img .upload-content-img-conter .upload-content-img-conter-text[data-v-3daf10d6] {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #2a2b2d
}

.serialization-upload .upload .upload-content-img .upload-content-img-conter .upload-content-img-conter-p[data-v-3daf10d6] {
    font-size: 12px;
    color: #93989e
}

.serialization-upload .upload .upload-content-img .upload-content-img-select[data-v-3daf10d6] {
    position: relative;
    width: 920px
}

.serialization-upload .upload .upload-content-img .upload-content-img-select .upload-content-img-select-conter[data-v-3daf10d6] {
    box-sizing: border-box
}

.serialization-upload .upload .upload-content-img .upload-content-img-select .upload-content-img-select-conter .upload_img[data-v-3daf10d6] {
    border-radius: 4px
}

.serialization-upload .upload .upload-content-img .upload-content-img-select-down[data-v-3daf10d6] {
    position: absolute;
    bottom: 0;
    left: 410px
}

.serialization-upload .upload .upload-content-img .upload-content-img-select-down .upload-content-down[data-v-3daf10d6] {
    width: 100px;
    height: 24px;
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px
}

.serialization-upload .upload .upload-content-btn[data-v-3daf10d6] {
    height: 114px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0;
    box-sizing: border-box;
    position: relative
}

.serialization-upload .upload .upload-content-btn .ispull[data-v-3daf10d6] {
    position: absolute;
    top: 10px;
    left: 472px;
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup[data-v-3daf10d6] {
    position: absolute;
    left: 53px;
    top: 43px
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item[data-v-3daf10d6] {
    width: 98px;
    cursor: pointer;
    height: 32px;
    background-color: #fff;
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: 0;
    margin-left: 10px;
    background: #fff;
    border: 1px solid #d9d9d9
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item div[data-v-3daf10d6] {
    margin-right: 6.9px;
    height: 16px;
    width: 16px
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item .upload--eyesIcon[data-v-3daf10d6] {
    background-image: url()
}

.serialization-upload .upload .upload-content-btn .upload-content-img-select-btnGroup .upload-content-img-select-btnGroup-item .upload--deleteIcon[data-v-3daf10d6] {
    background-image: url()
}

.serialization-upload .upload .upload-content-btn .isstatus1[data-v-3daf10d6], .serialization-upload .upload .upload-content-btn .upload-content-boutton[data-v-3daf10d6] {
    width: 140px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.serialization-upload .upload .upload-content-btn .isstatus1[data-v-3daf10d6] {
    background: #ededed;
    color: #cacaca
}

.serialization-upload .upload .upload-content-btn .upload-content-warning[data-v-3daf10d6] {
    height: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 9px;
    position: absolute;
    top: 21px;
    left: 442px
}

.serialization-upload .upload .upload-content-btn .upload-content-warning .errorText--validate[data-v-3daf10d6] {
    font-size: 12px;
    color: #ed510b;
    height: 16px;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -1px;
    padding-top: 4px;
    padding-left: 20px
}

.serialization-upload .upload .upload-content-btn .upload-content-warning .errorText--validate[data-v-3daf10d6]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat
}

.serialization-upload .serialization-upload_footer[data-v-3daf10d6] {
    height: 129px
}

.c-step-processing[data-v-c8dc5498] {
    position: relative;
    height: 2px;
    background: #b7c4d8
}

.c-step-processing .step-line[data-v-c8dc5498] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background: #0acce1
}

.c-step-processing .step-num[data-v-c8dc5498] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background: #b7c4d8;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.c-step-processing .step-num img[data-v-c8dc5498] {
    width: 10px;
    height: 9px;
    display: none
}

.c-step-processing .step-name[data-v-c8dc5498] {
    margin-top: 8px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #93989e
}

.c-step-processing ul[data-v-c8dc5498] {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-step-processing li[data-v-c8dc5498] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    transform: translateY(-12px);
    -ms-flex: 1;
    flex: 1
}

.c-step-processing li.active[data-v-c8dc5498] {
    position: relative
}

.c-step-processing li.active .step-num[data-v-c8dc5498] {
    background: #0acce1;
    font-size: 0
}

.c-step-processing li.active .step-num img[data-v-c8dc5498] {
    display: inline-block
}

.c-step-processing li.active .step-num[data-v-c8dc5498]:hover {
    font-size: 14px
}

.c-step-processing li.active .step-num:hover img[data-v-c8dc5498] {
    display: none
}

.c-step-processing li.active .step-name[data-v-c8dc5498] {
    color: #2a2b2d
}

.c-step-processing li.active.current .step-num[data-v-c8dc5498] {
    font-size: 14px
}

.c-step-processing li.active.current .step-num img[data-v-c8dc5498] {
    display: none
}

.c-step-processing li.active.clickable[data-v-c8dc5498] {
    cursor: pointer
}

.c-step-processing li[data-v-c8dc5498]:first-child {
    transform: translate(-50%, -12px)
}

.c-step-processing li[data-v-c8dc5498]:last-child {
    transform: translate(50%, -12px)
}

.c-project-apply-business-layout[data-v-7913c733] {
    width: 1000px;
    margin: 34px auto 85px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(98, 103, 109, .1);
    border-radius: 10px
}

.c-project-apply-business-layout .layout-header[data-v-7913c733] {
    height: 80px;
    box-sizing: border-box;
    padding-bottom: 18px;
    background: #f1f7ff;
    border-radius: 10px 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-project-apply-business-layout .layout-main[data-v-7913c733] {
    padding: 34px 100px 40px;
    box-sizing: border-box
}

.c-file-uploader .upload-text[data-v-0a65cd9e] {
    margin-bottom: 20px;
    line-height: 25px;
    font-size: 14px;
    color: #93989e
}

.c-file-uploader .btn-list[data-v-0a65cd9e] {
    font-size: 0;
    height: 144px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-file-uploader .btn-list > li[data-v-0a65cd9e] {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: top;
    background: #f1f7ff;
    border: 1px solid #dbe3ef;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer
}

.c-file-uploader .btn-list > li[data-v-0a65cd9e]:nth-child(2) {
    margin-top: 8px
}

.c-file-uploader .btn-text[data-v-0a65cd9e] {
    margin-left: 10px
}

.c-file-uploader .btn-name[data-v-0a65cd9e] {
    line-height: 20px;
    font-size: 14px;
    color: #2a2b2d
}

.c-file-uploader .btn-desc[data-v-0a65cd9e] {
    line-height: 18px;
    font-size: 12px;
    color: #62676d
}

.c-file-uploader .file-list[data-v-0a65cd9e] {
    font-size: 0;
    margin-right: -10px
}

.c-file-uploader .file-list > li[data-v-0a65cd9e] {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 16px;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box
}

.c-file-uploader .file-list > li.file-upload[data-v-0a65cd9e] {
    border: 0
}

.c-file-uploader .file-list > li.file-empty[data-v-0a65cd9e] {
    margin-right: 0;
    margin-bottom: 0;
    width: 0;
    height: 0;
    border: 0
}

.c-file-uploader .file-image[data-v-0a65cd9e] {
    position: relative;
    height: 120px;
    background-size: cover;
    background-color: #f5f7fb;
    background-position: 50%;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.c-file-uploader .file-image.file-other[data-v-0a65cd9e] {
    background-size: 50px 60px
}

.c-file-uploader .file-suffix[data-v-0a65cd9e] {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    font-size: 18px;
    color: #fff
}

.c-file-uploader .file-name[data-v-0a65cd9e] {
    padding: 0 8px;
    line-height: 22px;
    font-size: 0;
    color: #62676d
}

.c-file-uploader .file-name span[data-v-0a65cd9e] {
    display: inline-block;
    vertical-align: top;
    font-size: 12px
}

.c-file-uploader .file-name span[data-v-0a65cd9e]:first-child {
    max-width: 70px
}

.c-file-uploader .file-cover[data-v-0a65cd9e] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    padding: 14px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7)
}

.c-file-uploader .file-cover .file-error[data-v-0a65cd9e] {
    padding-left: 20px;
    background-size: 14px 14px;
    word-break: break-all;
    font-size: 12px
}

.c-file-uploader .file-cover .file-progress[data-v-0a65cd9e] {
    font-size: 20px;
    color: hsla(0, 0%, 100%, .8)
}

.c-file-uploader .icon-add[data-v-0a65cd9e] {
    background-image: url();
    width: 24px;
    height: 24px
}

.c-file-uploader .icon-delete[data-v-0a65cd9e] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 12;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background-color: rgba(42, 43, 45, .6);
    background-image: url();
    background-size: 9px 10px;
    background-position: 5px;
    background-repeat: no-repeat;
    font-style: normal;
    font-size: 0;
    color: #fff;
    cursor: pointer
}

.c-file-uploader .icon-delete[data-v-0a65cd9e]:hover {
    transition: font-size .3s, padding .3s;
    padding-left: 20px;
    padding-right: 5px;
    font-size: 12px
}

.c-file-uploader .icon-secret[data-v-0a65cd9e] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 12;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: rgba(42, 43, 45, .6);
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff
}

.c-radio-box[data-v-5f8e18a7] {
    font-size: 0
}

.c-radio-box li[data-v-5f8e18a7] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    padding-left: 22px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 0;
    background-image: url();
    font-size: 14px;
    cursor: pointer
}

.c-radio-box li[data-v-5f8e18a7]:hover {
    background-image: url()
}

.c-radio-box li.select[data-v-5f8e18a7] {
    background-image: url()
}

.c-radio-box li[data-v-5f8e18a7]:last-child {
    margin-right: 0
}

.c-select[data-v-43455bc9] {
    position: relative;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 22px;
    box-sizing: border-box;
    background-color: #fff;
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-image: url();
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    cursor: pointer
}

.c-select.max-height .select-list[data-v-43455bc9] {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.c-select[data-v-43455bc9]:hover {
    border-color: silver;
    background-image: url()
}

.c-select .select-list[data-v-43455bc9] {
    position: absolute;
    left: -1px;
    right: -1px;
    z-index: 10;
    display: none;
    margin-top: -2px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 0 0 4px 4px
}

.c-select .select-list li[data-v-43455bc9] {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 0 9px;
    font-size: 14px;
    white-space: nowrap;
    color: #515151
}

.c-select .select-list li[data-v-43455bc9]:hover {
    background: #fafbfd
}

.c-select .select-list li.select[data-v-43455bc9] {
    background: #f0f5ff
}

.c-select .select-list li.suboption[data-v-43455bc9] {
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-image: url()
}

.c-select .select-item:hover .select-sublist[data-v-43455bc9] {
    display: block
}

.c-select .select-sublist[data-v-43455bc9] {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    min-width: 160px;
    background: #fff;
    border: 1px solid silver;
    border-radius: 0 4px 4px 0;
    max-height: 256px;
    overflow-y: auto;
    display: none
}

.c-select.drop-up[data-v-43455bc9] {
    background-image: url();
    border-radius: 4px 4px 0 0
}

.c-select.drop-up[data-v-43455bc9]:hover {
    background-image: url()
}

.c-select.drop-up .select-list[data-v-43455bc9] {
    display: block
}

.c-select.placeholder[data-v-43455bc9] {
    color: #aaa6a6
}

.p-project-apply-business-step-1 .form-title[data-v-690a0093] {
    line-height: 25px;
    padding-bottom: 14px;
    border-bottom: 2px solid #f6f6f6;
    font-size: 18px;
    color: #2a2b2d
}

.p-project-apply-business-step-1 .form-group[data-v-690a0093] {
    display: -ms-flexbox;
    display: flex
}

.p-project-apply-business-step-1 .form-group:last-child .form-group-right[data-v-690a0093] {
    border-bottom: 0
}

.p-project-apply-business-step-1 .form-group .form-group-left[data-v-690a0093] {
    width: 168px;
    padding: 40px 0;
    line-height: 28px;
    font-size: 14px;
    color: #62676d
}

.p-project-apply-business-step-1 .form-group .form-group-left p[data-v-690a0093] {
    color: #b1b1b1
}

.p-project-apply-business-step-1 .form-group .form-group-right[data-v-690a0093] {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 0;
    border-bottom: 1px solid #f6f6f6
}

.p-project-apply-business-step-1 .form-group .form-group-tips[data-v-690a0093] {
    position: absolute;
    right: 0;
    bottom: 14px;
    line-height: 18px;
    font-size: 12px;
    color: #62676d
}

.p-project-apply-business-step-1 .form-group .form-group-extend[data-v-690a0093] {
    margin-top: 20px;
    padding: 10px;
    background: #f5f7fb;
    border-radius: 2px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #2a2b2d
}

.p-project-apply-business-step-1 .form-group .form-group-extend .extend-tips[data-v-690a0093] {
    line-height: 18px;
    font-size: 12px;
    color: #62676d
}

.p-project-apply-business-step-1 .form-group .form-group-extend .form-group-checkbox[data-v-690a0093] {
    margin-top: 0;
    margin-left: 40px;
    -ms-flex: 1;
    flex: 1
}

.p-project-apply-business-step-1 .form-group .form-group-extend label[data-v-690a0093] {
    margin-right: 10px;
    color: #62676d;
    cursor: default
}

.p-project-apply-business-step-1 .form-group .form-group-extend span[data-v-690a0093] {
    margin: 0 14px
}

.p-project-apply-business-step-1 .form-group .form-group-radio[data-v-690a0093] {
    margin-top: 5px;
    margin-bottom: -20px
}

.p-project-apply-business-step-1 .form-group .form-group-radio[data-v-690a0093] li {
    margin-right: 70px;
    margin-bottom: 20px;
    background-position: 0 0
}

.p-project-apply-business-step-1 .form-group .form-group-radio[data-v-690a0093] li:last-child {
    margin-right: 0
}

.p-project-apply-business-step-1 .form-group .form-group-radio[data-v-690a0093] strong {
    display: block;
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    color: #93989e
}

.p-project-apply-business-step-1 .form-group .form-group-checkbox[data-v-690a0093] {
    margin-top: 5px;
    margin-bottom: -20px
}

.p-project-apply-business-step-1 .form-group .form-group-checkbox[data-v-690a0093] li {
    min-width: 110px;
    margin-right: 15px;
    margin-bottom: 20px
}

.p-project-apply-business-step-1 .form-group .form-group-step[data-v-690a0093] {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px
}

.p-project-apply-business-step-1 .form-group .form-group-step h4[data-v-690a0093] {
    width: 100%;
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-project-apply-business-step-1 .form-group .form-group-step h4 span[data-v-690a0093] {
    color: #62676d
}

.p-project-apply-business-step-1 .form-group .form-group-step h4 span[data-v-690a0093]:first-child {
    margin: 0
}

.p-project-apply-business-step-1 .form-group .form-group-step p[data-v-690a0093] {
    width: 100%;
    margin-bottom: 10px
}

.p-project-apply-business-step-1 .form-group .form-group-step p[data-v-690a0093]:last-child {
    margin-bottom: 0
}

.p-project-apply-business-step-1 .form-group .form-group-step p input[data-v-690a0093] {
    width: 316px
}

.p-project-apply-business-step-1 .form-group .form-group-step p span[data-v-690a0093] {
    line-height: 28px;
    float: right
}

.p-project-apply-business-step-1 .form-group input[data-v-690a0093], .p-project-apply-business-step-1 .form-group textarea[data-v-690a0093] {
    width: 100%
}

.p-project-apply-business-step-1 .form-group input[data-v-690a0093] {
    height: 28px
}

.p-project-apply-business-step-1 .form-group textarea[data-v-690a0093] {
    margin-top: 10px
}

.p-project-apply-business-step-1 .form-group-btn[data-v-690a0093] {
    padding: 40px 0;
    -ms-flex-pack: center;
    justify-content: center
}

.p-project-apply-business-step-1 .form-group-btn button[data-v-690a0093] {
    width: 200px;
    height: 36px;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px
}

.p-project-apply-business-step-1 .form-group-btn button[data-v-690a0093]:hover {
    opacity: .9
}

.p-project-apply-business-step-1 .form-group-btn button.btn-next[data-v-690a0093] {
    background: #0acce1;
    color: #fff
}

.p-project-apply-business-step-1 .form-group-btn button.btn-prev[data-v-690a0093] {
    margin-right: 40px;
    background: #e1eeff;
    font-size: 14px
}

.c-popup-confidentiality-agreement .popup-doc {
    max-height: 532px;
    overflow: auto;
    margin: 0 10px
}

.c-popup-confidentiality-agreement .popup-doc p.text-indent {
    text-indent: 2em
}

.c-popup-confidentiality-agreement .popup-footer {
    border-top: 1px solid #e9e9e9;
    padding-top: 20px
}

.c-popup-mandate-development .popup-doc {
    max-height: 532px;
    overflow: auto;
    margin: 0 10px
}

.c-popup-mandate-development .popup-doc .text-indent {
    text-indent: 2em
}

.c-popup-mandate-development .popup-doc .mark {
    background: #ff0
}

.c-popup-mandate-development .popup-footer {
    border-top: 1px solid #e9e9e9;
    padding-top: 20px
}

.c-popup-manhuawu .popup-doc {
    max-height: 532px;
    overflow: auto;
    margin: 0 10px
}

.c-popup-manhuawu .popup-doc p.text-indent {
    text-indent: 2em
}

.c-popup-manhuawu .popup-footer {
    border-top: 1px solid #e9e9e9;
    padding-top: 20px
}

.p-project-apply-business-step-2 .form-title[data-v-c9cb9a30] {
    line-height: 25px;
    padding-bottom: 14px;
    border-bottom: 2px solid #f6f6f6;
    font-size: 18px;
    color: #2a2b2d
}

.p-project-apply-business-step-2 .form-group[data-v-c9cb9a30] {
    display: -ms-flexbox;
    display: flex
}

.p-project-apply-business-step-2 .form-group:last-child .form-group-right[data-v-c9cb9a30] {
    border-bottom: 0
}

.p-project-apply-business-step-2 .form-group .form-group-left[data-v-c9cb9a30] {
    width: 168px;
    padding: 40px 0;
    line-height: 28px;
    font-size: 14px;
    color: #62676d
}

.p-project-apply-business-step-2 .form-group .form-group-left p[data-v-c9cb9a30] {
    color: #b1b1b1
}

.p-project-apply-business-step-2 .form-group .form-group-right[data-v-c9cb9a30] {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 0;
    border-bottom: 1px solid #f6f6f6
}

.p-project-apply-business-step-2 .form-group .form-group-tips[data-v-c9cb9a30] {
    position: absolute;
    right: 0;
    bottom: 14px;
    line-height: 18px;
    font-size: 12px;
    color: #62676d
}

.p-project-apply-business-step-2 .form-group .form-group-extend[data-v-c9cb9a30] {
    margin-top: 20px;
    padding: 10px;
    background: #f5f7fb;
    border-radius: 2px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #2a2b2d
}

.p-project-apply-business-step-2 .form-group .form-group-extend .extend-tips[data-v-c9cb9a30] {
    line-height: 18px;
    font-size: 12px;
    color: #62676d
}

.p-project-apply-business-step-2 .form-group .form-group-extend .form-group-checkbox[data-v-c9cb9a30] {
    margin-top: 0;
    margin-left: 40px;
    -ms-flex: 1;
    flex: 1
}

.p-project-apply-business-step-2 .form-group .form-group-extend label[data-v-c9cb9a30] {
    margin-right: 10px;
    color: #62676d;
    cursor: default
}

.p-project-apply-business-step-2 .form-group .form-group-extend span[data-v-c9cb9a30] {
    margin: 0 14px
}

.p-project-apply-business-step-2 .form-group .form-group-radio[data-v-c9cb9a30] {
    margin-top: 5px;
    margin-bottom: -20px
}

.p-project-apply-business-step-2 .form-group .form-group-radio[data-v-c9cb9a30] li {
    margin-right: 70px;
    margin-bottom: 20px;
    background-position: 0 0
}

.p-project-apply-business-step-2 .form-group .form-group-radio[data-v-c9cb9a30] li:last-child {
    margin-right: 0
}

.p-project-apply-business-step-2 .form-group .form-group-radio[data-v-c9cb9a30] strong {
    display: block;
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    color: #93989e
}

.p-project-apply-business-step-2 .form-group .form-group-checkbox[data-v-c9cb9a30] {
    margin-top: 5px;
    margin-bottom: -20px
}

.p-project-apply-business-step-2 .form-group .form-group-checkbox[data-v-c9cb9a30] li {
    min-width: 110px;
    margin-right: 15px;
    margin-bottom: 20px
}

.p-project-apply-business-step-2 .form-group .form-group-step[data-v-c9cb9a30] {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px
}

.p-project-apply-business-step-2 .form-group .form-group-step h4[data-v-c9cb9a30] {
    width: 100%;
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-project-apply-business-step-2 .form-group .form-group-step h4 span[data-v-c9cb9a30] {
    color: #62676d
}

.p-project-apply-business-step-2 .form-group .form-group-step h4 span[data-v-c9cb9a30]:first-child {
    margin: 0
}

.p-project-apply-business-step-2 .form-group .form-group-step p[data-v-c9cb9a30] {
    width: 100%;
    margin-bottom: 10px
}

.p-project-apply-business-step-2 .form-group .form-group-step p[data-v-c9cb9a30]:last-child {
    margin-bottom: 0
}

.p-project-apply-business-step-2 .form-group .form-group-step p input[data-v-c9cb9a30] {
    width: 316px
}

.p-project-apply-business-step-2 .form-group .form-group-step p span[data-v-c9cb9a30] {
    line-height: 28px;
    float: right
}

.p-project-apply-business-step-2 .form-group input[data-v-c9cb9a30], .p-project-apply-business-step-2 .form-group textarea[data-v-c9cb9a30] {
    width: 100%
}

.p-project-apply-business-step-2 .form-group input[data-v-c9cb9a30] {
    height: 28px
}

.p-project-apply-business-step-2 .form-group textarea[data-v-c9cb9a30] {
    margin-top: 10px
}

.p-project-apply-business-step-2 .form-group-btn[data-v-c9cb9a30] {
    padding: 40px 0;
    -ms-flex-pack: center;
    justify-content: center
}

.p-project-apply-business-step-2 .form-group-btn button[data-v-c9cb9a30] {
    width: 200px;
    height: 36px;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px
}

.p-project-apply-business-step-2 .form-group-btn button[data-v-c9cb9a30]:hover {
    opacity: .9
}

.p-project-apply-business-step-2 .form-group-btn button.btn-next[data-v-c9cb9a30] {
    background: #0acce1;
    color: #fff
}

.p-project-apply-business-step-2 .form-group-btn button.btn-prev[data-v-c9cb9a30] {
    margin-right: 40px;
    background: #e1eeff;
    font-size: 14px
}

.c-popup-avatar {
    display: inline-block
}

.c-popup-avatar .avatar {
    position: relative;
    display: inline-block
}

.c-popup-avatar .avatar:hover .mark {
    opacity: 1
}

.c-popup-avatar .avatar .mark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .3s
}

.c-popup-avatar .avatar .mark span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    color: #fff
}

/*!
 * Cropper.js v1.5.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-03-10T09:55:50.492Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas, .cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75);
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after, .cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face, .cropper-line, .cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed
}

.header-wraper {
    height: 60px
}

.header {
    background-color: #fff;
    min-width: 1120px;
    position: fixed;
    width: 100%;
    z-index: 100;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    transition: background-color .3s
}

.header.header-opacity {
    background-color: hsla(0, 0%, 100%, .9)
}

.header .header-logo {
    float: left
}

.header .nav {
    float: left;
    margin-left: 27px
}

.header .nav a:link, .header .nav a:visited {
    color: #1e1e1e
}

.header .nav .on a, .header .nav a:active {
    color: #2c2c2c
}

.header .nav li {
    float: left;
    margin: 0 18px;
    font-size: 16px
}

.header .nav li a {
    display: block;
    padding: 0 10px
}

.header .nav li:after {
    content: "";
    width: 14px;
    height: 3px;
    border-radius: 1.5px;
    display: block;
    position: relative;
    margin: -15px auto 0;
    background: transparent
}

.header .nav li.on:after, .header .nav li:hover:after {
    background: #02bdd1
}

.header-cont {
    margin: 0 80px;
    height: 60px;
    line-height: 60px
}

.header-extra {
    float: right
}

.header-extra .scope-item {
    display: inline-block;
    margin: 0 5px 0 14px;
    position: relative;
    z-index: 300;
    vertical-align: middle
}

.header-extra .scope-item .icon_new {
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #ed510b;
    right: 0;
    top: 0
}

.header-extra .scope-item small {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 10px;
    padding: 0 3px;
    height: 16px;
    background: red;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    border-radius: 50px;
    margin-left: 3px;
    margin-right: -10px;
    font-size: 12px;
    text-align: center;
    color: #fff
}

.header-extra .split {
    color: #f3f3f3;
    margin-right: 10px
}

.header-extra .btn-icon:link, .header-extra .btn-icon:visited {
    background: #f4f7fd
}

.header-extra .btn-icon:link i, .header-extra .btn-icon:visited i {
    opacity: .8
}

.header-extra .btn-icon:active, .header-extra .btn-icon:hover {
    background: #e8edf8
}

.header-extra .btn-icon:active i, .header-extra .btn-icon:hover i {
    opacity: 1
}

.header-extra .scope-language {
    position: relative;
    margin-left: 15px
}

.header-extra .scope-language:hover .language-list {
    display: block
}

.header-extra .scope-language .language-list {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 175px;
    transform: translateX(-50%);
    padding-top: 30px;
    display: none
}

.header-extra .scope-language .language-list .w-Radiogroup {
    position: relative;
    padding: 7px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 8px
}

.header-extra .scope-language .language-list .w-Radiogroup:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff
}

.header-extra .scope-language .language-text {
    width: 28px;
    line-height: 21px;
    background: #ffd7d7;
    border-radius: 10.5px;
    font-size: 12px;
    color: #f45455;
    text-align: center
}

.header-extra .scope-language .w-Radiogroup {
    line-height: 32px
}

.header-extra .scope-language .w-Radiogroup i.icon_radio {
    margin-top: -4px;
    margin-right: 8px
}

.header-extra .scope-language .w-Radiogroup i.icon_beta {
    transform: scale(.5) translateY(-3px);
    margin: 0 -8px
}

.header-extra .scope-language .w-Radiogroup span {
    width: 100%;
    margin: 0;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #002226
}

.header-extra .scope-language .w-Radiogroup span:hover {
    background: #e8edf8;
    border-radius: 4px
}

.drop-menu {
    position: absolute;
    left: 50%;
    top: 60px;
    width: 140px;
    margin-left: -70px;
    padding-top: 12px;
    display: none
}

.drop-menu:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    top: 6px;
    left: 64px
}

.drop-menu ul {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    padding: 4px 10px 6px
}

.drop-menu ul li {
    height: 34px;
    line-height: 34px;
    padding: 2px 0;
    color: #2c2c2c
}

.drop-menu ul li a {
    display: block;
    border-radius: 17px;
    color: #2c2c2c !important;
    padding-left: 15px
}

.drop-menu ul li a:hover {
    background: #e8edf8
}

.drop-menu ul li a:active {
    background: #f4f7fd
}

.drop-menu ul li:first-child, .drop-menu ul li:nth-child(6) {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 4px;
    padding-bottom: 6px
}

.drop-menu ul li:last-child a:hover {
    background: #f8e8e8;
    color: #ed510b !important
}

.drop-menu ul li:last-child a:active {
    background: #fdf4f4
}

.drop-menu ul li:first-child {
    border-top: 0;
    margin-top: 0
}

.header-entry {
    float: right
}

.header-entry a {
    margin-left: 20px;
    color: #1e1e1e;
    line-height: 28px;
    height: 30px
}

.header-entry a:hover {
    color: #00bcd1
}

.header-entry a:hover .icon-login {
    background-image: url()
}

.header-entry i {
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    background-position: 50%;
    vertical-align: middle;
    margin-right: 5px
}

.header-entry i.icon-login {
    background-image: url()
}

.header-entry i.icon-register {
    background-image: url()
}

.header-entry span {
    vertical-align: middle
}

.header-entry .i_Btn {
    min-width: 100px
}

.header-entry .i_Btn:hover {
    color: #fff
}

.popup-choose-role ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-choose-role ul li {
    width: 124px;
    margin: 0 16px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    padding: 16px 20px 20px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.popup-choose-role ul li.on {
    border: 2px solid #438ae5
}

.popup-choose-role ul li p {
    line-height: 20px;
    font-size: 14px;
    color: #2a2b2d
}

.popup-choose-role ul li img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    border-radius: 50%;
    background: #e5e5e5
}

.p-visitor-detail[data-v-406d2cb3] {
    margin: 30px auto;
    width: 1000px;
    min-height: 700px;
    background: #fff;
    padding-top: 110px;
    box-shadow: 0 0 8px 0 rgba(98, 103, 109, .1);
    border-radius: 10px;
    box-sizing: border-box
}

.p-visitor-detail .user[data-v-406d2cb3] {
    width: 260px;
    margin-left: auto;
    margin-right: auto
}

.p-visitor-detail .user-avatar[data-v-406d2cb3] {
    text-align: center
}

.p-visitor-detail .user-avatar img[data-v-406d2cb3] {
    width: 62px;
    height: 62px;
    border-radius: 50%
}

.p-visitor-detail .user-name[data-v-406d2cb3] {
    margin-top: 8px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    color: #2a2b2d
}

.p-visitor-detail .user-desc[data-v-406d2cb3] {
    margin-top: 20px;
    line-height: 20px;
    white-space: pre-wrap;
    text-align: center;
    font-size: 14px;
    color: #2a2b2d
}

.p-visitor-detail .user-btn[data-v-406d2cb3] {
    margin-top: 20px;
    text-align: center
}

.p-visitor-detail .user-btn button[data-v-406d2cb3] {
    border: 0;
    background-color: transparent;
    font-size: 12px;
    color: #007aff
}

.p-visitor-detail .user-btn button[data-v-406d2cb3]:hover {
    opacity: .9;
    cursor: pointer
}

.p-visitor-detail .user-action[data-v-406d2cb3] {
    margin-top: 50px;
    text-align: center;
    font-size: 0
}

.p-visitor-detail .user-action li[data-v-406d2cb3] {
    width: 250px;
    background: #fff;
    border: 1px solid #dee1e6;
    border-radius: 10px;
    margin-right: 20px;
    padding-bottom: 30px;
    display: inline-block;
    text-align: center
}

.p-visitor-detail .user-action li[data-v-406d2cb3]:last-child {
    margin-right: 0
}

.p-visitor-detail .user-action li p[data-v-406d2cb3] {
    margin-top: 30px;
    padding: 0 46px;
    line-height: 19px;
    text-align: left;
    font-size: 12px;
    color: #5b5b5b
}

.p-visitor-detail .user-action li button[data-v-406d2cb3] {
    width: 180px;
    height: 34px;
    background: #02bdd1;
    border-radius: 17px;
    border: 0;
    margin-top: 20px;
    font-size: 14px;
    color: #fff
}

.p-visitor-detail .user-action li button[data-v-406d2cb3]:hover {
    opacity: .9;
    cursor: pointer
}

.c-activity-detail-nav[data-v-5e36196e] {
    height: 70px
}

.c-activity-detail-nav .nav-main[data-v-5e36196e] {
    background: #f7f7f7;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.c-activity-detail-nav .nav-main.fixed[data-v-5e36196e] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%
}

.c-activity-detail-nav .nav-bar[data-v-5e36196e] {
    position: relative;
    max-width: 1000px;
    margin: 0 auto
}

.c-activity-detail-nav .nav-list[data-v-5e36196e] {
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.c-activity-detail-nav .nav-item[data-v-5e36196e] {
    padding: 0 24px;
    height: 44px;
    line-height: 44px;
    margin-right: 50px;
    border: 1px solid transparent;
    border-radius: 23px;
    transition: all .1s;
    text-align: center;
    font-size: 18px;
    color: transparent;
    cursor: pointer
}

.c-activity-detail-nav .nav-item[data-v-5e36196e]:last-child {
    margin-right: 0
}

.c-activity-detail-nav .nav-share[data-v-5e36196e] {
    position: absolute;
    top: 11px;
    right: 4px;
    height: 48px;
    z-index: 10;
    overflow: hidden;
    padding: 14px;
    text-align: center;
    transition: all .3s;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 24px
}

.c-activity-detail-nav .nav-share[data-v-5e36196e]:hover {
    height: 168px;
    background-color: #fff;
    border-color: #2c2c2c
}

.c-activity-detail-nav .nav-share ul[data-v-5e36196e] {
    margin-top: 14px
}

.c-activity-detail-nav .nav-share ul li[data-v-5e36196e] {
    position: relative;
    margin-top: 12px
}

.c-activity-detail-nav .nav-share ul li[data-v-5e36196e]:hover {
    opacity: .8;
    cursor: pointer
}

.c-activity-detail-nav .wechat-code[data-v-5e36196e] {
    position: absolute;
    top: 18px;
    right: 72px;
    z-index: 10;
    width: 152px;
    height: 152px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}

.c-activity-detail-nav .fade-enter-active[data-v-5e36196e], .c-activity-detail-nav .fade-leave-active[data-v-5e36196e] {
    transition: opacity .3s
}

.c-activity-detail-nav .fade-enter[data-v-5e36196e], .c-activity-detail-nav .fade-leave-to[data-v-5e36196e] {
    opacity: 0
}

.c-activity-detail-nav .extra-link[data-v-5e36196e] {
    position: absolute;
    top: 0;
    left: 1060px;
    white-space: nowrap
}

.g-plat-mobile .c-activity-detail-nav[data-v-5e36196e] {
    height: .76rem
}

.g-plat-mobile .c-activity-detail-nav .nav-main[data-v-5e36196e] {
    background: #f7f7f7;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 10
}

.g-plat-mobile .c-activity-detail-nav .nav-main.fixed[data-v-5e36196e] {
    position: fixed;
    z-index: 1000
}

.g-plat-mobile .c-activity-detail-nav .nav-bar[data-v-5e36196e] {
    max-width: 100%;
    height: .76rem
}

.g-plat-mobile .c-activity-detail-nav .nav-list[data-v-5e36196e] {
    height: .76rem;
    background: #fff
}

.g-plat-mobile .c-activity-detail-nav .nav-item[data-v-5e36196e] {
    padding: 0 .24rem;
    height: .76rem;
    line-height: .76rem;
    border-radius: 0;
    border-color: transparent !important;
    border: 0 !important;
    border-bottom: 0 solid transparent !important;
    box-sizing: border-box;
    color: #62676d !important;
    font-size: .24rem;
    position: relative
}

.g-plat-mobile .c-activity-detail-nav .nav-item[data-v-5e36196e]:nth-child(n+4) {
    display: none
}

.g-plat-mobile .c-activity-detail-nav .nav-item[data-v-5e36196e]:nth-child(3) {
    margin-right: 0
}

.g-plat-mobile .c-activity-detail-nav .nav-item[data-v-5e36196e]:before {
    position: absolute;
    bottom: .01rem;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: .4rem;
    height: .04rem;
    border: 0;
    background-color: #2a2b2d;
    opacity: 0
}

.g-plat-mobile .c-activity-detail-nav .nav-item[data-v-5e36196e]:hover {
    background: none !important
}

.g-plat-mobile .c-activity-detail-nav .nav-item.active[data-v-5e36196e] {
    background: #fff !important;
    color: #2a2b2d !important
}

.g-plat-mobile .c-activity-detail-nav .nav-item.active[data-v-5e36196e]:before {
    opacity: 1
}

.g-plat-mobile .c-activity-detail-nav .c-share[data-v-5e36196e] {
    display: none !important
}

.c-activity-detail-home img[data-v-674e2c8c] {
    width: 100%
}

.c-works {
    padding-bottom: 100px
}

.g-plat-mobile .c-works {
    padding-bottom: .7rem
}

.c-my-works {
    margin-top: 30px
}

.c-my-works.hidden {
    margin-top: 0;
    height: 0;
    overflow: hidden
}

.c-my-works .works-title {
    line-height: 30px;
    text-align: center;
    font-size: 22px;
    color: #2c2c2c
}

.c-my-works .my-info {
    margin-top: 30px;
    border-radius: 8px;
    box-shadow: 0 0 4px #e0e5e7;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 0
}

.c-my-works .item {
    position: relative;
    width: 225px;
    height: 244px;
    margin-right: 20px;
    margin-bottom: 20px;
    vertical-align: top;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px
}

.c-my-works .item.works {
    border: 1px solid #eee;
    box-sizing: border-box;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.c-my-works .item.works:hover {
    box-shadow: 0 0 8px #cbd2d3
}

.c-my-works .item.works:hover .works-cover {
    opacity: 1
}

.c-my-works .item.upload {
    box-sizing: border-box;
    border: 1px dashed #dee1e6;
    font-size: 14px;
    color: #62676d;
    cursor: pointer
}

.c-my-works .item.upload i {
    margin-right: 5px;
    vertical-align: middle
}

.c-my-works .item .works-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(14, 9, 8, .5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: opacity .1s;
    border-radius: 8px;
    opacity: 0
}

.c-my-works .item .works-cover span {
    display: inline-block;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 10px;
    background: #492f28;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.c-my-works .item.deleted {
    background: #f3f3f3
}

.c-my-works .item.deleted img {
    width: 37px
}

.c-my-works .item.deleted p {
    margin-top: 10px;
    font-size: 12px;
    color: #ababab
}

.c-my-works .my-avatar {
    width: 62px;
    height: 62px;
    border-radius: 31px
}

.c-my-works .my-name {
    margin-top: 8px;
    line-height: 22px;
    font-size: 16px;
    color: #2c2c2c
}

.c-my-works .works-id {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 22px;
    border-radius: 8px 0 8px 0;
    background: rgba(0, 0, 0, .6);
    padding: 2px 6px;
    font-size: 12px;
    color: #fff
}

.c-my-works .works-id i {
    margin-right: 4px;
    padding: 0 2px;
    border-radius: 2px;
    background: #fff;
    font-style: normal;
    color: #000
}

.c-my-works .work-invalid {
    top: 0;
    left: 0;
    border-radius: 8px 0 8px 0;
    border: 1px solid #ed510b;
    background: hsla(0, 0%, 100%, .8)
}

.c-my-works .work-invalid, .c-my-works .works-like {
    position: absolute;
    line-height: 22px;
    padding: 2px 6px;
    font-size: 12px
}

.c-my-works .works-like {
    bottom: 0;
    right: 0;
    border-radius: 8px 0 6px 0;
    background: hsla(0, 0%, 100%, .9);
    color: #93989e
}

.c-my-works .works-like i {
    margin-top: -2px;
    margin-left: 6px
}

.g-plat-mobile .c-my-works {
    display: none
}

.popup_choose-topic .type-radio {
    background: #fff;
    border: 1px solid #ebeef2;
    margin-top: 40px;
    position: relative;
    padding: 7px 5px;
    min-width: 494px;
    text-align: left
}

.popup_choose-topic .type-radio .type-radio-tabBtn {
    position: absolute;
    top: -38px;
    height: 32px;
    line-height: 32px;
    background: rgba(0, 0, 0, .02);
    border-radius: 4px 4px 0 0;
    border: 1px solid #f6f6f6;
    color: rgba(0, 0, 0, .65);
    letter-spacing: 0;
    padding: 2px 0;
    width: 116px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popup_choose-topic .type-radio .type-radio-tabBtn.on {
    color: #02bdd1;
    background: #fff;
    border: 1px solid #ebeef2;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0
}

.popup_choose-topic .type-radio .type-radio-tabBtn.tag-0 {
    left: -1px
}

.popup_choose-topic .type-radio .type-radio-tabBtn.tag-1 {
    left: 126px
}

.popup_choose-topic .type-radio .type-radio-tabBtn.tag-2 {
    left: 252px
}

.popup_choose-topic .type-radio .type-radio-tabBtn.tag-3 {
    left: 378px
}

.popup_choose-topic .type-radio .type-radio-tabBtn.tag-4 {
    left: 504px
}

.popup_choose-topic .type-radio .type-radio-tabBtn.tag-5 {
    left: 630px
}

.popup_choose-topic .w-Radiogroup {
    width: 100%;
    min-height: 75px;
    font-size: 0
}

.popup_choose-topic .w-Radiogroup span {
    border-radius: 4px;
    display: inline-block;
    color: #2a2b2d;
    padding: 5px;
    border: 1px solid #dee1e6;
    background: #fdfdfd;
    margin: 8px 5px 0;
    font-size: 12px
}

.popup_choose-topic .w-Radiogroup span.on {
    color: #02bdd1;
    background: rgba(0, 122, 255, .1);
    border: 1px solid #02bdd1
}

.c-all-works {
    margin-top: 30px
}

.c-all-works .works-title {
    line-height: 30px;
    font-size: 22px;
    color: #2c2c2c
}

.c-all-works .works-title span {
    vertical-align: middle
}

.c-all-works .works-title i {
    margin-right: 22px;
    vertical-align: middle
}

.c-all-works .works-type {
    float: right
}

.c-all-works .works-type span {
    width: 58px;
    height: 24px;
    line-height: 22px;
    display: inline-block;
    border-radius: 12px;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin-right: 8px;
    text-align: center;
    font-size: 15px;
    color: #696969
}

.c-all-works .works-type span:last-child {
    margin-right: 0
}

.c-all-works .works-type span:hover {
    border: 1px solid #2c2c2c;
    color: #2c2c2c
}

.c-all-works .works-type span.on {
    background: #2c2c2c;
    color: #fff
}

.c-all-works .works-topic {
    font-size: 0;
    margin-top: 30px;
    display: block
}



.c-all-works .works-topic span:last-child {
    margin-right: 0
}

.c-all-works .works-topic span:hover {
    background-image: url();
    color: #331823
}

.c-all-works .works-topic span.on {
    background-image: url();
    color: #fcfdd7
}

.c-all-works .works-sub-topic {
    margin-top: 10px;
    font-size: 0;
    display: block
}

.c-all-works .works-sub-topic span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin-right: 40px;
    text-align: center;
    font-size: 16px;
    color: #696969
}

.c-all-works .works-sub-topic span:after {
    content: "";
    width: 14px;
    height: 3px;
    border: 0;
    display: block;
    background-color: #00c4da;
    margin: 0 auto;
    opacity: 0
}

.c-all-works .works-sub-topic span:last-child {
    margin-right: 0
}

.c-all-works .works-sub-topic span.on, .c-all-works .works-sub-topic span:hover {
    color: #2c2c2c
}

.c-all-works .works-sub-topic span.on:after {
    opacity: 1
}

.c-all-works .works-sub-topic span.hide {
    display: none
}

.c-all-works .works-list {
    margin-top: 30px;
    margin-right: -20px;
    margin-bottom: 70px;
    font-size: 0
}

.c-all-works .works-list .works-item {
    position: relative;
    display: inline-block;
    width: 235px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 4px #e0e5e7
}

.c-all-works .works-list .works-item:hover {
    box-shadow: 0 0 8px #cbd2d3
}

.c-all-works .works-list .works-image {
    height: 240px;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.c-all-works .works-list .artist-info {
    line-height: 40px;
    padding: 0 8px
}

.c-all-works .works-list .artist-avatar {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    vertical-align: middle;
    margin-right: 6px;
    cursor: pointer
}

.c-all-works .works-list .works-id {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 22px;
    border-radius: 8px 0 8px 0;
    background: rgba(0, 0, 0, .6);
    padding: 2px 6px;
    font-size: 12px;
    color: #fff
}

.c-all-works .works-list .works-id i {
    margin-right: 4px;
    padding: 0 2px;
    border-radius: 2px;
    background: #fff;
    font-style: normal;
    color: #000
}

.c-all-works .works-list .artist-name span {
    max-width: 124px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.c-all-works .works-list .works-like {
    float: right;
    cursor: pointer
}

.c-all-works .works-list .works-like small {
    font-size: 12px;
    color: #93989e;
    vertical-align: middle
}

.c-all-works .works-list .works-like i {
    margin-top: 2px;
    margin-left: 6px;
    vertical-align: middle
}

.c-all-works .works-empty {
    margin-top: 156px;
    text-align: center;
    font-size: 20px;
    color: #696969
}

.g-plat-mobile .c-all-works {
    margin-top: 0
}

.g-plat-mobile .c-all-works .works-title {
    line-height: .3rem;
    font-size: .24rem;
    color: #2c2c2c;
    padding: .2rem .4rem;
    background-color: #fff;
    position: relative
}

.g-plat-mobile .c-all-works .works-title span {
    vertical-align: middle;
    color: #93989e
}

.g-plat-mobile .c-all-works .works-title .w-Radiogroup, .g-plat-mobile .c-all-works .works-title i {
    display: none
}

.g-plat-mobile .c-all-works .works-title .w-Radiogroup.show {
    display: block
}

.g-plat-mobile .c-all-works .works-type-title {
    font-size: .24rem;
    color: #93989e;
    height: .3rem;
    line-height: .3rem;
    z-index: 51;
    position: relative;
    padding-right: .3rem
}

.g-plat-mobile .c-all-works .works-type-title:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-40%);
    width: .2rem;
    height: .12rem;
    background-image: url();
    background-size: 100%;
    display: block
}

.g-plat-mobile .c-all-works .works-type {
    position: absolute;
    right: 0;
    left: 0;
    top: .7rem;
    z-index: 999;
    background-color: #fff;
    border-top: 1px solid #e8eaee
}

.g-plat-mobile .c-all-works .works-type .close-mask {
    position: fixed;
    z-index: 1;
    top: 0;
    width: 100vw;
    height: 100vh
}

.g-plat-mobile .c-all-works .works-type span {
    display: block;
    width: auto;
    height: .8rem;
    line-height: .4rem;
    padding: .2rem .4rem;
    border-radius: 0;
    border: none;
    box-sizing: border-box;
    text-align: left;
    font-size: .24rem;
    color: #62676d;
    margin: 0;
    position: relative;
    z-index: 10
}

.g-plat-mobile .c-all-works .works-type span:after {
    content: "";
    background-image: url();
    width: .3rem;
    height: .24rem;
    position: absolute;
    right: .4rem;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
    display: none
}

.g-plat-mobile .c-all-works .works-type span.on {
    background: none;
    color: #2a2b2d
}

.g-plat-mobile .c-all-works .works-type span.on:after {
    display: block
}

.g-plat-mobile .c-all-works .works-topic {
    font-size: 0;
    margin-top: 0;
    display: block;
    padding: 0 .4rem;
    background-color: #fff
}

.g-plat-mobile .c-all-works .works-topic span {
    margin: 0 .4rem .2rem 0;
    width: auto;
    height: .4rem;
    line-height: .4rem;
    background-image: none;
    display: inline-block;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-align: center;
    font-size: .24rem;
    color: #62676d;
    position: relative
}

.g-plat-mobile .c-all-works .works-topic span:before {
    position: absolute;
    bottom: -.1rem;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: .2rem;
    height: .04rem;
    border: 0;
    background-color: #2a2b2d;
    opacity: 0
}

.g-plat-mobile .c-all-works .works-topic span.on, .g-plat-mobile .c-all-works .works-topic span:hover {
    background-image: none;
    color: #2a2b2d
}

.g-plat-mobile .c-all-works .works-topic span.on:before, .g-plat-mobile .c-all-works .works-topic span:hover:before {
    opacity: 1
}

.g-plat-mobile .c-all-works .works-sub-topic {
    margin-top: 0;
    font-size: 0;
    display: block;
    padding: 0 .4rem;
    background-color: #fff
}

.g-plat-mobile .c-all-works .works-sub-topic span {
    margin: 0 .4rem .2rem 0;
    height: .4rem;
    line-height: .4rem;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    margin-right: .2rem;
    text-align: center;
    font-size: .24rem;
    padding: 0 .2rem;
    color: #62676d;
    background-color: #dff3f3;
    border-radius: .05rem
}

.g-plat-mobile .c-all-works .works-sub-topic span:after {
    display: none
}

.g-plat-mobile .c-all-works .works-sub-topic span.on, .g-plat-mobile .c-all-works .works-sub-topic span:hover {
    color: #fff;
    background-color: #02bdd1
}

.g-plat-mobile .c-all-works .works-sub-topic span.hide {
    display: none
}

.g-plat-mobile .c-all-works .works-list {
    margin: .2rem 0;
    padding: 0 .4rem;
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.g-plat-mobile .c-all-works .works-list .works-item {
    position: relative;
    display: inline-block;
    width: 3.24rem;
    margin: 0 0 .2rem;
    border-radius: .08rem;
    overflow: hidden;
    box-shadow: 0 0 .04rem #e0e5e7
}

.g-plat-mobile .c-all-works .works-list .works-item:hover {
    box-shadow: 0 0 .08rem #cbd2d3
}

.g-plat-mobile .c-all-works .works-list .works-image {
    height: 3.24rem;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.g-plat-mobile .c-all-works .works-list .artist-info {
    line-height: .6rem;
    padding: 0 .08rem
}

.g-plat-mobile .c-all-works .works-list .artist-avatar {
    width: .36rem;
    height: .36rem;
    border-radius: .2rem;
    vertical-align: middle;
    margin-right: .06rem;
    cursor: pointer
}

.g-plat-mobile .c-all-works .works-list .works-id {
    position: absolute;
    top: 0;
    left: 0;
    line-height: .34rem;
    border-radius: .08rem 0 .08rem 0;
    background: rgba(0, 0, 0, .6);
    padding: .02rem .12rem;
    font-size: .24rem;
    color: #fff
}

.g-plat-mobile .c-all-works .works-list .works-id i {
    margin-right: .08rem;
    padding: 0 .04rem;
    border-radius: .02rem;
    background: #fff;
    font-style: normal;
    color: #000
}

.g-plat-mobile .c-all-works .works-list .artist-name span {
    max-width: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    font-size: .24rem
}

.g-plat-mobile .c-all-works .works-list .works-like {
    float: right;
    cursor: pointer
}

.g-plat-mobile .c-all-works .works-list .works-like small {
    max-width: .7rem;
    display: inline-block;
    font-size: .24rem;
    color: #93989e;
    vertical-align: middle
}

.g-plat-mobile .c-all-works .works-list .works-like i {
    width: .3rem;
    height: .3rem;
    margin-top: .02rem;
    margin-left: .06rem;
    vertical-align: middle;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url();
    background-size: .3rem auto
}

.g-plat-mobile .c-all-works .works-list .works-like.on > i {
    background-image: url()
}

.g-plat-mobile .c-all-works .works-loading {
    height: .64rem;
    background-image: url();
    background-size: .64rem .64rem;
    background-position: 50%;
    background-repeat: no-repeat;
    display: none
}

.g-plat-mobile .c-all-works .works-loading.on {
    display: block
}

.g-plat-mobile .c-all-works .works-empty {
    margin-top: 1rem;
    font-size: .24rem
}

.prizes-topic {
    font-size: 0;
    background-color: #331823;
    width: 100%;
    text-align: center
}

.prizes-topic span {
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin: 0 40px;
    text-align: center;
    font-size: 16px;
    color: #f4f4d0;
    position: relative
}

.prizes-topic span:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    opacity: 0;
    transition: all .3s
}

.prizes-topic span.on {
    color: #f4f4d0
}

.prizes-topic span.on:after {
    opacity: 1
}


.c-prizes .prizes-empty {
    padding-top: 200px;
    text-align: center;
    font-size: 20px;
    color: #696969
}

.c-prizes .prizes-header {
    width: 1000px;
    height: 234px;
    background-image: url();
    background-size: 100% 100%;
    padding: 0 140px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center
}

.c-prizes .prizes-title {
    position: relative;
    height: 55px;
    display: inline-block;
    line-height: 46px;
    background-image: url();
    background-size: auto 100%;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.c-prizes .prizes-title:before {
    left: -79px;
    background-image: url()
}

.c-prizes .prizes-title:after, .c-prizes .prizes-title:before {
    content: "";
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    background-size: 100% 100%;
    z-index: 2
}

.c-prizes .prizes-title:after {
    right: -79px;
    background-image: url()
}

.c-prizes .prizes-item {
    background: #fff;
    box-shadow: 0 0 4px #e0e5e7;
    box-sizing: border-box;
    text-align: left
}

.c-prizes .prizes-item:hover {
    box-shadow: 0 0 8px #cbd2d3
}

.c-prizes .prizes-item .works-image {
    border-radius: 8px;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.c-prizes .prizes-item .artist-avatar {
    border-radius: 50%;
    vertical-align: middle
}

.c-prizes .prizes-item .artist-info {
    position: relative;
    font-size: 0
}

.c-prizes .prizes-item .artist-name {
    vertical-align: middle;
    display: inline-block;
    max-width: 162px
}

.c-prizes .prizes-item .prizes-cup {
    background: rgba(255, 235, 198, .4);
    border-radius: 50%;
    text-align: center
}

.c-prizes .prizes-item .prizes-cup img {
    transform-origin: 50% 55%
}

.c-prizes .prizes-item .prizes-cup img:hover {
    animation: trophy .5s linear infinite
}

.c-prizes .prizes-group {
    margin-top: 60px;
    text-align: center;
    font-size: 0
}

.c-prizes .prizes-group:first-of-type .prizes-title {
    transform: scale(1.3);
    background-image: url()
}

.c-prizes .prizes-group:first-of-type .prizes-title::before {
    background-image: url()
}

.c-prizes .prizes-group:first-of-type .prizes-title::after {
    background-image: url()
}

.c-prizes .prizes-group:nth-of-type(2) .prizes-title {
    transform: scale(1.2);
    background-image: url()
}

.c-prizes .prizes-group:nth-of-type(2) .prizes-title:before {
    background-image: url()
}

.c-prizes .prizes-group:nth-of-type(2) .prizes-title:after {
    background-image: url()
}

.c-prizes .prizes-group:nth-of-type(3) .prizes-title {
    transform: scale(1.1);
    background-image: url()
}

.c-prizes .prizes-group:nth-of-type(3) .prizes-title:before {
    background-image: url()
}

.c-prizes .prizes-group:nth-of-type(3) .prizes-title:after {
    background-image: url()
}

.c-prizes .prizes-group .prizes-title {
    margin-bottom: 30px
}

.c-prizes .prizes-group .prizes-list {
    margin-right: -20px
}

.c-prizes .prizes-group .prizes-item {
    width: 235px;
    display: inline-block;
    border-radius: 8px;
    margin-right: 20px;
    margin-bottom: 20px
}

.c-prizes .prizes-group .prizes-item .works-image {
    width: 235px;
    height: 251px;
    border-radius: 8px 8px 0 0
}

.c-prizes .prizes-group .prizes-item .artist-info {
    line-height: 41px
}

.c-prizes .prizes-group .prizes-item .artist-info .artist-avatar {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;
    margin-left: 8px
}

.c-prizes .prizes-group .prizes-item .artist-info .artist-name {
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle
}

.c-prizes .prizes-group .prizes-item .artist-info .prizes-cup {
    position: absolute;
    right: 8px;
    bottom: 6px;
    width: 30px;
    height: 30px
}

.c-prizes .prizes-group .prizes-item .artist-info .prizes-cup img {
    margin-top: -7px
}

@keyframes trophy {
    0%, 50%, to {
        transform: rotate(0deg)
    }
    20% {
        transform: rotate(-20deg)
    }
    30% {
        transform: rotate(-26deg)
    }
    70% {
        transform: rotate(20deg)
    }
    80% {
        transform: rotate(26deg)
    }
}

.c-prizes L1 {
    display: block;
    line-height: 40px;
    font-size: 28px;
    color: #ff904c
}

.c-prizes L2 {
    line-height: 30px;
    font-size: 22px
}

.c-prizes L2, .c-prizes L3 {
    margin-top: 20px;
    display: block
}

.c-prizes L3 {
    line-height: 26px;
    font-size: 18px
}

.c-prizes L4 {
    line-height: 22px;
    font-size: 16px
}

.c-prizes L4, .c-prizes P1 {
    margin-top: 20px;
    display: block
}

.c-prizes P1 {
    line-height: 20px;
    font-size: 14px
}

.c-prizes P2 {
    margin-top: 16px;
    display: block;
    line-height: 16px;
    font-size: 12px;
    color: #8c8c8c
}

.c-prizes hr {
    width: 365px;
    margin: 16px auto 0;
    border-bottom: 2px solid #ccfaff
}

.g-plat-mobile .prizes-topic {
    background-color: #2a2b2d;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    padding: .2rem 0;
    position: relative;
    z-index: 10
}

.g-plat-mobile .prizes-topic span {
    height: .3rem;
    line-height: .3rem;
    display: inline-block;
    border-left: 1px solid #62676d;
    box-sizing: border-box;
    margin: 0;
    padding: 0 .5rem;
    text-align: center;
    font-size: .24rem;
    color: #62676d;
    position: relative
}

.g-plat-mobile .prizes-topic span:first-child {
    border-left: 1px solid transparent
}

.g-plat-mobile .prizes-topic span:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.18rem;
    width: .4rem;
    border: none;
    border-top: 1px solid #fff;
    opacity: 0
}

.g-plat-mobile .prizes-topic span.on {
    color: #fff
}

.g-plat-mobile .prizes-topic span.on:after {
    opacity: 1
}

.g-plat-mobile .c-prizes {
    background-image: none;
    padding-top: .5rem;
    padding-bottom: 1rem
}

.g-plat-mobile .c-prizes .prizes-empty {
    padding-top: 1rem;
    font-size: .25rem
}

.g-plat-mobile .c-prizes .prizes-header {
    width: 6.7rem;
    height: auto;
    min-height: 2rem;
    background-image: none;
    padding: .2rem .4rem;
    margin: 0 auto;
    border-radius: .1rem;
    background-color: #fff;
    box-shadow: 0 0 .1rem #e0e5e7;
    font-size: .24rem
}

.g-plat-mobile .c-prizes .prizes-title {
    height: .55rem;
    line-height: .46rem;
    font-size: .24rem
}

.g-plat-mobile .c-prizes .prizes-title:before {
    left: -.78rem;
    width: .8rem;
    z-index: -1
}

.g-plat-mobile .c-prizes .prizes-title:after {
    right: -.78rem;
    width: .8rem;
    z-index: -1
}

.g-plat-mobile .c-prizes .prizes-group {
    margin-top: .6rem
}

.g-plat-mobile .c-prizes .prizes-group .prizes-title {
    margin-bottom: .6rem
}

.g-plat-mobile .c-prizes .prizes-group .prizes-list {
    margin-right: 0
}

.g-plat-mobile .c-prizes .prizes-group .prizes-item {
    width: 3.24rem;
    border-radius: .1rem;
    margin: 0 .1rem .4rem
}

.g-plat-mobile .c-prizes .prizes-group .prizes-item .works-image {
    width: 3.24rem;
    height: 3.24rem;
    border-radius: .1rem .1rem 0 0
}

.g-plat-mobile .c-prizes .prizes-group .prizes-item .artist-info {
    line-height: .6rem
}

.g-plat-mobile .c-prizes .prizes-group .prizes-item .artist-info .artist-avatar {
    width: .36rem;
    height: .36rem;
    margin-right: .12rem;
    margin-left: .16rem
}

.g-plat-mobile .c-prizes .prizes-group .prizes-item .artist-info .artist-name {
    line-height: .36rem;
    font-size: .24rem;
    max-width: 2.5rem
}

.g-plat-mobile .c-prizes .prizes-group .prizes-item .artist-info .prizes-cup {
    display: none
}

.g-plat-mobile .c-prizes L1 {
    line-height: .4rem;
    font-size: .28rem
}

.g-plat-mobile .c-prizes L2, .g-plat-mobile .c-prizes L3, .g-plat-mobile .c-prizes L4, .g-plat-mobile .c-prizes P1 {
    margin-top: .2rem;
    line-height: .35rem;
    font-size: .24rem
}

.g-plat-mobile .c-prizes P2 {
    margin-top: .16rem;
    line-height: .35rem;
    font-size: .24rem
}

.g-plat-mobile .c-prizes hr {
    width: 3.65rem;
    margin: .16rem auto 0;
    border-bottom: 2px solid #ccfaff
}

.c-activity-detail-teams[data-v-6766a863] {
    width: 1000px;
    margin: 0 auto
}

.c-activity-detail-teams .competition-vs[data-v-6766a863] {
    position: relative;
    margin-top: 70px;
    height: 50px;
    border-radius: 25px;
    background-color: #5f398a;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}


.c-activity-detail-teams .competition-vs .pk-avatar[data-v-6766a863] {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid #5f398a
}

.c-activity-detail-teams .competition-vs .pk-avatar img[data-v-6766a863] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.c-activity-detail-teams .competition-vs .pk-progress[data-v-6766a863] {
    -ms-flex: 1;
    flex: 1
}

.c-activity-detail-teams .competition-vs .pk-progress .pk-bar[data-v-6766a863] {
    position: relative;
    min-width: 136px;
    height: 42px;
    line-height: 42px;
    background-size: auto 22px;
    background-repeat: no-repeat;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 24px;
    color: #fff
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress[data-v-6766a863] {
    margin-left: 5px
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress .pk-bar[data-v-6766a863] {
    margin-left: auto;
    background-color: #ff8686;
    border-radius: 21px 0 0 21px;
    background-image: url();
    background-position: right 62px center;
    text-align: left;
    text-shadow: #ff8686 1px 0 0, #ff8686 0 1px 0, #ff8686 -1px 0 0, #ff8686 0 -1px 0
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress .pk-team[data-v-6766a863] {
    right: 52px
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress .pk-team span[data-v-6766a863] {
    margin-left: 40px
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress .pk-team ul[data-v-6766a863] {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress .pk-team li[data-v-6766a863]:last-child {
    max-width: 1px
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress .pk-member[data-v-6766a863] {
    left: 0
}

.c-activity-detail-teams .competition-vs .pk-progress.left-progress .pk-member[data-v-6766a863]:before {
    right: -4px
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress[data-v-6766a863] {
    margin-right: 5px
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress .pk-bar[data-v-6766a863] {
    margin-right: auto;
    background-color: #81c5ff;
    background-image: url();
    border-radius: 0 21px 21px 0;
    background-position: left 62px center;
    text-align: right;
    text-shadow: #81c5ff 1px 0 0, #81c5ff 0 1px 0, #81c5ff -1px 0 0, #81c5ff 0 -1px 0
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress .pk-team[data-v-6766a863] {
    left: 70px
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress .pk-team span[data-v-6766a863] {
    margin-right: 40px
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress .pk-team ul[data-v-6766a863] {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress .pk-team li[data-v-6766a863]:first-child {
    max-width: 1px
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress .pk-member[data-v-6766a863] {
    right: 0
}

.c-activity-detail-teams .competition-vs .pk-progress.right-progress .pk-member[data-v-6766a863]:before {
    left: -4px
}

.c-activity-detail-teams .competition-vs .pk-team[data-v-6766a863] {
    position: absolute;
    bottom: 100%;
    width: 70%;
    min-width: 120px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    text-shadow: none;
    line-height: 1;
    font-size: 0
}

.c-activity-detail-teams .competition-vs .pk-team span[data-v-6766a863] {
    display: inline-block;
    border: 1px solid #5d368c;
    line-height: 30px;
    border-radius: 16px;
    padding: 0 10px;
    font-size: 14px;
    color: #5d368c
}

.c-activity-detail-teams .competition-vs .pk-team ul[data-v-6766a863] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.c-activity-detail-teams .competition-vs .pk-team li[data-v-6766a863] {
    position: relative;
    height: 36px;
    -ms-flex: 1;
    flex: 1
}

.c-activity-detail-teams .competition-vs .pk-team img[data-v-6766a863] {
    width: 32px;
    height: 32px;
    border: 2px solid #5d368c;
    border-radius: 50%;
    cursor: pointer
}

.c-activity-detail-teams .competition-vs .pk-member[data-v-6766a863] {
    position: absolute;
    top: 0;
    z-index: 1
}

.c-activity-detail-teams .pk-member.captain[data-v-6766a863]:before {
    content: "";
    position: absolute;
    bottom: -2px;
    z-index: 1;
    width: 28px;
    height: 13px;
    background-image: url();
    background-size: 100% 100%
}


.c-activity-detail-teams .competition-info .info-left[data-v-6766a863], .c-activity-detail-teams .competition-info .info-right[data-v-6766a863] {
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box
}

.c-activity-detail-teams .competition-info .info-left[data-v-6766a863] {
    padding: 50px 83px 0 49px
}

.c-activity-detail-teams .competition-info .info-right[data-v-6766a863] {
    padding: 50px 50px 0 90px
}

.c-activity-detail-teams .competition-info .info-image[data-v-6766a863] {
    width: 364px;
    height: 364px;
    margin: 22px auto 0;
    border-radius: 14px;
    box-sizing: border-box;
    border: 3px solid #5d368c;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.c-activity-detail-teams .competition-info h4[data-v-6766a863] {
    padding-left: 4px;
    font-size: 24px;
    color: #fff
}

.c-activity-detail-teams .competition-info p[data-v-6766a863] {
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
    padding: 0 4px;
    font-size: 14px;
    color: #fff
}

.c-activity-detail-teams .competition-prizes[data-v-6766a863] {
    margin-top: 40px
}

.c-activity-detail-teams .competition-prizes > ul[data-v-6766a863] {
    text-align: center;
    font-size: 0
}

.c-activity-detail-teams .competition-prizes > ul > li[data-v-6766a863] {
    position: relative;
    width: 235px;
    height: 235px;
    margin-right: 20px;
    margin-bottom: 23px;
    display: inline-block;
    vertical-align: top;
    border-radius: 18px;
    overflow: hidden;
    text-align: left
}

.c-activity-detail-teams .competition-prizes > ul > li > img[data-v-6766a863] {
    width: 100%;
    height: 100%;
    border-radius: 18px;
    cursor: pointer
}

.c-activity-detail-teams .competition-prizes > ul > li:hover .works-author[data-v-6766a863] {
    transform: translateY(0)
}

.c-activity-detail-teams .competition-prizes > ul > li .works-author[data-v-6766a863] {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 52px;
    background: rgba(0, 0, 0, .45);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: transform .3s;
    cursor: pointer
}

.c-activity-detail-teams .competition-prizes > ul > li .works-author img[data-v-6766a863] {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.c-activity-detail-teams .competition-prizes > ul > li .works-author span[data-v-6766a863] {
    line-height: 20px;
    margin-left: 10px;
    font-size: 16px;
    color: #fff
}

.c-activity-detail-teams .competition-prizes > ul > li[data-v-6766a863]:first-child {
    width: 490px;
    height: 490px;
    margin-right: 20px;
    background: #ff7676;
    border: 3px solid #5f398a;
    padding: 26px 58px;
    box-sizing: border-box
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child h3[data-v-6766a863] {
    text-align: center;
    font-size: 30px;
    color: #fff
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child h4[data-v-6766a863] {
    position: relative;
    z-index: 1;
    margin-top: 12px;
    line-height: 33px;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child h4[data-v-6766a863]::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 258px;
    height: 8px;
    border-radius: 4px;
    background-color: #eb5e5e
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child h5[data-v-6766a863] {
    margin-top: 27px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child p[data-v-6766a863] {
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .8)
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child p strong[data-v-6766a863] {
    display: block;
    line-height: 1;
    text-align: center;
    font-size: 40px;
    color: #fff
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-avatar[data-v-6766a863] {
    position: relative;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 62px
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-avatar img[data-v-6766a863] {
    width: 66px;
    height: 66px;
    border-radius: 50%
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-captain[data-v-6766a863]::before {
    right: 2px
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-member[data-v-6766a863] {
    margin-top: 26px
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-member img[data-v-6766a863] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
    cursor: pointer
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-member span[data-v-6766a863] {
    vertical-align: middle;
    margin-left: 2px;
    font-size: 16px;
    color: #fff
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-member p[data-v-6766a863] {
    height: auto;
    line-height: 32px
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-member ul[data-v-6766a863] {
    vertical-align: middle;
    display: inline-block;
    font-size: 0
}

.c-activity-detail-teams .competition-prizes > ul > li:first-child .team-member ul li[data-v-6766a863] {
    display: inline-block;
    vertical-align: top
}

.c-activity-detail-teams .competition-prizes > ul > li[data-v-6766a863]:nth-child(2) {
    width: 490px;
    height: 490px;
    margin-right: 0
}

.c-activity-detail-teams .competition-prizes > ul > li[data-v-6766a863]:last-child {
    margin-right: 0
}

.c-activity-detail-teams .competition-ranking[data-v-6766a863] {
    position: relative;
    margin-top: 40px
}

.c-activity-detail-teams .competition-ranking .ranking-title[data-v-6766a863] {
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px;
    color: #402065
}

.c-activity-detail-teams .competition-ranking .ranking-title[data-v-6766a863]:after, .c-activity-detail-teams .competition-ranking .ranking-title[data-v-6766a863]:before {
    content: "";
    width: 53px;
    height: 26px;
    display: inline-block;
    background-size: 100% 100%
}

.c-activity-detail-teams .competition-ranking .ranking-title[data-v-6766a863]:before {
    margin-right: 30px;
    background-image: url()
}

.c-activity-detail-teams .competition-ranking .ranking-title[data-v-6766a863]:after {
    margin-left: 30px;
    background-image: url()
}

.c-activity-detail-teams .competition-ranking .ranking-rule[data-v-6766a863] {
    position: absolute;
    right: 0;
    top: 24px;
    z-index: 1;
    background-size: 16px 16px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 20px;
    cursor: pointer;
    font-size: 16px;
    color: #6f43a5
}

.c-activity-detail-teams .competition-ranking ul[data-v-6766a863] {
    margin-top: 20px;
    font-size: 0
}

.c-activity-detail-teams .competition-ranking li[data-v-6766a863] {
    width: 320px;
    vertical-align: top;
    display: inline-block;
    border: 3px solid #5f398a;
    border-radius: 14px;
    background-color: #a16eda;
    margin-right: 20px;
    margin-bottom: 20px;
    box-sizing: border-box
}

.c-activity-detail-teams .competition-ranking li[data-v-6766a863]:nth-child(3n) {
    margin-right: 0
}

.c-activity-detail-teams .competition-ranking .team-head[data-v-6766a863] {
    margin-top: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-activity-detail-teams .competition-ranking .team-head-left[data-v-6766a863] {
    height: 28px;
    background: #c796ff;
    border-radius: 0 14px 14px 0;
    padding-right: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #fff
}

.c-activity-detail-teams .competition-ranking .team-head-left .team-no[data-v-6766a863] {
    min-width: 42px;
    text-align: center
}

.c-activity-detail-teams .competition-ranking .team-head-left .team-like[data-v-6766a863] {
    margin-left: 4px;
    max-width: 100px
}

.c-activity-detail-teams .competition-ranking .team-head-left img[data-v-6766a863] {
    width: 66px;
    height: 66px;
    border: 3px solid #5f398a;
    border-radius: 50%
}

.c-activity-detail-teams .competition-ranking .team-head-right[data-v-6766a863] {
    padding-left: 11px;
    padding-right: 6px;
    line-height: 28px;
    background: #fdf74e;
    border-radius: 14px 0 0 14px;
    font-size: 14px;
    color: #5f398a
}

.c-activity-detail-teams .competition-ranking .team-body[data-v-6766a863] {
    padding: 28px 17px 18px
}

.c-activity-detail-teams .competition-ranking .team-body h4[data-v-6766a863] {
    line-height: 25px;
    font-size: 18px;
    color: #fff
}

.c-activity-detail-teams .competition-ranking .team-body p[data-v-6766a863] {
    height: 60px;
    line-height: 20px;
    margin-top: 6px;
    opacity: .8;
    font-size: 14px;
    color: #fff
}

.c-activity-detail-teams .competition-ranking .team-member[data-v-6766a863] {
    margin-top: 16px
}

.c-activity-detail-teams .competition-ranking .team-member img[data-v-6766a863] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer
}

.c-activity-detail-teams .competition-ranking .team-member span[data-v-6766a863] {
    min-width: 32px;
    height: 32px;
    border-radius: 16px;
    line-height: 30px;
    padding: 0 4px;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #b98aee;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.c-activity-detail-teams .competition-ranking .team-member .pk-member[data-v-6766a863] {
    margin-right: 8px
}

.c-activity-detail-teams .competition-ranking .team-member .pk-member[data-v-6766a863]:before {
    right: -4px
}

.c-activity-detail-teams .competition-ranking .team-btns[data-v-6766a863] {
    margin-top: 17px;
    text-align: center
}

.c-activity-detail-teams .competition-ranking .team-btns button[data-v-6766a863] {
    width: 100px;
    height: 30px;
    margin: 0 5px;
    border: 1px solid #c796ff;
    border-radius: 16px;
    font-size: 14px;
    color: #fff
}

.c-activity-detail-teams .competition-ranking .team-btns button[data-v-6766a863]:hover {
    border: 1px solid #d6b5fd
}

.c-activity-detail-teams .competition-ranking .team-btns button.primary[data-v-6766a863] {
    background: #c796ff
}

.c-activity-detail-teams .competition-ranking .team-btns button.primary[data-v-6766a863]:hover {
    background: #d6b5fd
}





.g-plat-pc .bhly-2020 .nav-main {
    background: #decda2 !important
}

.g-plat-pc .bhly-2020 .nav-bar .nav-item {
    height: 70px;
    line-height: 68px;
    border-radius: 0;
    border-color: transparent !important;
    border: 0 !important;
    border-bottom: 6px solid transparent !important;
    box-sizing: border-box;
    color: #66432b !important;
    margin-right: 0 !important;
    padding: 0 52px !important;
    font-size: 19px;
    position: relative
}

.g-plat-pc .bhly-2020 .nav-bar .nav-item:before {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 20px;
    height: 2px;
    border: 0;
    background-color: #926d53;
    display: none
}

.g-plat-pc .bhly-2020 .nav-bar .nav-item:hover {
    background: #d3bd85 !important
}

.g-plat-pc .bhly-2020 .nav-bar .nav-item.active {
    background: #331823 !important;
    color: #fcfdd7 !important
}

.g-plat-pc .bhly-2020 .nav-bar .nav-item.active:before {
    display: block
}

.g-plat-pc .bhly-2020 .nav-bar .extra-link {
    position: absolute !important;
    padding: 0 30px !important;
    left: 1020px !important
}



.g-plat-pc .default .nav-main {
    background: #dcb770 !important
}

.g-plat-pc .default .nav-bar .nav-item {
    height: 68px;
    line-height: 68px;
    border-radius: 0;
    border-color: transparent !important;
    border: 0 !important;
    border-bottom: 6px solid transparent !important;
    box-sizing: border-box;
    color: #795d27 !important;
    font-size: 20px
}

.g-plat-pc .default .nav-bar .nav-item:hover {
    background: #f4daa6 !important
}

.g-plat-pc .default .nav-bar .nav-item.active {
    background: #f4daa6 !important;
    color: #d6560c !important;
    border-bottom: 6px solid #d6560c !important;
    font-size: 22px
}


.mhnc-2020-02-18 .nav-main {
    background: linear-gradient(#f4e394, #efefbd) !important
}

.mhnc-2020-02-18 .nav-bar .nav-item {
    position: relative;
    height: 70px;
    line-height: 70px;
    border-radius: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-sizing: border-box;
    color: #38535c !important;
    font-size: 22px
}

.mhnc-2020-02-18 .nav-bar .nav-item.active {
    line-height: 66px;
    color: #e27c3b !important;
    font-size: 28px
}

.mhnc-2020-02-18 .nav-bar .nav-item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -24px;
    width: 1px;
    height: 36px;
    transform: translateY(-50%);
    background-color: #7c9697
}

.mhnc-2020-02-18 .nav-bar .nav-item:last-child:after {
    display: none
}

.p-activity-detail {
    overflow-x: hidden
}

.p-activity-detail .banner {
    position: relative;
    height: 720px;
    background-size: cover;
    background-position: top
}

.p-activity-detail .banner .upload-btn {
    font-size: 0
}

.p-activity-detail .main {
    min-height: 100vh
}

.g-plat-mobile .p-activity-detail .banner {
    height: 2.92rem
}

.g-plat-mobile .p-activity-detail .banner .upload-btn {
    display: none
}

.c-message-box[data-v-006f3ecc] {
    background-color: #e6f7ff;
    border: 1px solid #bae7ff;
    border-radius: 4px;
    position: relative;
    padding: 8px 10px 8px 32px;
    min-height: 20px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 9px 11px;
    background-size: 16px 16px;
    overflow: hidden
}

.c-message-box.warning[data-v-006f3ecc] {
    background-color: #fffbe6;
    border: 1px solid #ffe58f
}

.c-message-box p[data-v-006f3ecc] {
    line-height: 1.5;
    font-size: 14px;
    color: #62676d
}

.c-message-box a[data-v-006f3ecc] {
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #fd8600
}

.c-message-box a[data-v-006f3ecc]:hover {
    color: #ff9e31
}

.c-message-box a[data-v-006f3ecc]:active {
    color: red
}

.c-contract-detail .setting-btn button[data-v-6be8852b], .c-contract-detail .setting-btn button[data-v-53e561c0], .c-contract-detail .setting-btn button[data-v-d95d6dd6], .c-contract-detail .setting-btn button[data-v-ef06f0b2] {
    width: 200px;
    height: 36px;
    border-radius: 18px
}

.c-launcher-layout[data-v-497fa6bf] {
    position: fixed;
    z-index: 100
}

.c-launcher-header[data-v-497fa6bf] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 1.1rem;
    z-index: 200;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .3rem;
    background: rgba(18, 18, 22, .8)
}

.c-launcher-header .scope-close[data-v-497fa6bf] {
    font-size: .5rem;
    color: #62676d
}

.c-launcher-header dl[data-v-497fa6bf] {
    display: -ms-flexbox;
    display: flex
}


.c-launcher-header dl dd[data-v-497fa6bf] {
    width: 3.4rem;
    margin-left: .2rem
}

.c-launcher-header dl dd h3[data-v-497fa6bf] {
    font-size: .28rem;
    color: #fff;
    line-height: .5rem
}

.c-launcher-header dl dd p[data-v-497fa6bf] {
    font-size: .22rem;
    color: #fff;
    opacity: .8
}

.c-launcher-header .scope-download[data-v-497fa6bf] {
    padding: 0 .2rem;
    font-size: .24rem;
    color: #fff;
    line-height: .52rem;
    height: .52rem;
    background: #02bdd1;
    border-radius: .3rem
}

.c-launcher-start[data-v-497fa6bf] {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
    padding: 0 .4rem;
    font-size: .32rem;
    color: #fff;
    line-height: .8rem;
    height: .8rem;
    background: #02bdd1;
    border-radius: .5rem;
    z-index: 200
}

.p-works-topic {
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed
}

.p-works-topic .topic-bg {
    min-height: 100vh;
    background: rgba(0, 0, 0, .5);
    padding-top: 168px;
    padding-bottom: 275px;
    box-sizing: border-box
}

.p-works-topic .topic-content {
    width: 1200px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;
    margin: 0 auto;
    padding: 45px;
    box-sizing: border-box;
    text-align: center
}

.p-works-topic .topic-content h2 {
    margin-top: 15px;
    line-height: 56px;
    font-weight: 700;
    font-size: 40px;
    color: #292929
}

.p-works-topic .topic-content p {
    position: relative;
    max-width: 828px;
    margin-top: 40px;
    display: inline-block;
    padding: 14px;
    white-space: pre-wrap;
    line-height: 32px;
    text-align: left;
    font-size: 16px;
    color: #3e4245
}

.p-works-topic .topic-content p:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 18px;
    height: 18px;
    border-top: 4px solid #000;
    border-left: 4px solid #000
}

.p-works-topic .topic-content p:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 18px;
    height: 18px;
    border-right: 4px solid #000;
    border-bottom: 4px solid #000
}

.p-works-topic .topic-content ul {
    margin-top: 60px;
    margin-right: -30px;
    text-align: left;
    font-size: 0
}

.p-works-topic .topic-content li {
    width: 350px;
    height: 350px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 30px;
    background-size: cover;
    background-position: 50%;
    background-color: #eee;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer
}

.p-works-topic .topic-content li.deleted {
    background: #eaecec;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default
}

.p-works-topic .topic-content li.deleted img {
    width: 37px
}

.p-works-topic .topic-content li.deleted p {
    margin-top: 10px;
    font-size: 12px;
    color: #ababab
}

.p-works-topic .topic-content li:hover .works-author {
    transform: translateY(0)
}

.p-works-topic .works-author {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 42px;
    padding: 10px;
    background: hsla(0, 0%, 100%, .9);
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    transform: translateY(150%);
    transition: transform .3s;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.p-works-topic .author-avatar {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    margin-right: 6px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.p-works-topic .author-name {
    width: 200px;
    font-size: 14px
}

.p-works-topic .work-like {
    text-align: right;
    font-size: 14px;
    color: #2a2b2d;
    width: 70px
}

.p-works-topic .work-like i {
    margin-left: 5px;
    margin-top: -2px
}

.p-artist-topic {
    min-height: 100vh;
    background-color: #f3f7f7;
    padding-bottom: 100px
}

.p-artist-topic .topic-bg {
    height: 274px;
    background-size: cover;
    background-position: 50%
}

.p-artist-topic .topic-bg h2 {
    width: 100%;
    height: 274px;
    line-height: 235px;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 40px;
    color: #fff
}

.p-artist-topic .topic-container {
    width: 800px;
    margin: 0 auto
}

.p-artist-topic .topic-desc {
    margin-top: -40px;
    padding: 20px 30px;
    background: #fff;
    box-shadow: 0 0 8px 0 hsla(0, 0%, 50%, .2);
    border-radius: 6px;
    white-space: pre-wrap;
    line-height: 32px;
    font-size: 16px;
    color: #3e4245
}

.p-artist-topic .topic-artist > li {
    padding: 20px 28px 30px;
    background-color: #fff;
    margin-top: 20px;
    border-radius: 6px
}

.p-artist-topic .topic-artist > li:last-child {
    border-bottom: 0
}

.p-artist-topic .artist-info {
    position: relative;
    min-height: 62px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 110px 0 78px;
    cursor: pointer
}

.p-artist-topic .artist-avatar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    color: #3e4245
}

.p-artist-topic .artist-name {
    line-height: 32px;
    font-size: 16px
}

.p-artist-topic .artist-desc {
    line-height: 20px;
    font-size: 14px
}

.p-artist-topic .artist-follow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: 80px
}

.p-artist-topic .artist-follow .icon_follow {
    margin-left: -6px;
    margin-right: 4px;
    vertical-align: baseline
}

.p-artist-topic .artist-works {
    margin-top: 27px;
    font-size: 0
}

.p-artist-topic .artist-works > li {
    border-radius: 4px;
    background-size: cover;
    background-position: 50%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.p-artist-topic .artist-works > li.deleted {
    background: #eaecec;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default
}

.p-artist-topic .artist-works > li.deleted img {
    width: 37px
}

.p-artist-topic .artist-works > li.deleted p {
    margin-top: 10px;
    font-size: 12px;
    color: #ababab
}

.p-artist-topic .artist-works > li.type-1:first-child {
    float: left;
    width: 360px;
    height: 468px;
    margin-right: 20px
}

.p-artist-topic .artist-works > li.type-1:nth-child(2) {
    width: 360px;
    height: 224px
}

.p-artist-topic .artist-works > li.type-1:nth-child(3) {
    margin-top: 20px;
    width: 360px;
    height: 224px
}

.p-artist-topic .artist-works > li.type-2 {
    width: 234px;
    height: 440px
}

.p-artist-topic .artist-works > li.type-2:first-child, .p-artist-topic .artist-works > li.type-2:nth-child(2) {
    margin-right: 20px
}

.p-artist-topic .artist-works > li.type-3:first-child {
    float: left;
    width: 486px;
    height: 486px;
    margin-right: 21px
}

.p-artist-topic .artist-works > li.type-3:nth-child(2) {
    width: 234px;
    height: 234px
}

.p-artist-topic .artist-works > li.type-3:nth-child(3) {
    margin-top: 20px;
    width: 233px;
    height: 233px
}

.g-plat-mobile .p-works-topic {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden
}

.g-plat-mobile .p-works-topic .topic-bg {
    height: 4.08rem;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-size: cover
}

.g-plat-mobile .p-works-topic .topic-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.g-plat-mobile .p-works-topic .topic-content {
    position: relative;
    z-index: 10;
    margin-top: 2.08rem;
    width: auto;
    background: none;
    box-shadow: none;
    padding: 0 .24rem .5rem
}

.g-plat-mobile .p-works-topic .topic-content > div {
    background: #fff;
    padding: .5rem;
    border-radius: .2rem;
    box-shadow: 0 0 .16rem 0 rgba(0, 0, 0, .2)
}

.g-plat-mobile .p-works-topic .topic-content h2 {
    margin-top: 0;
    line-height: .56rem;
    font-size: .4rem
}

.g-plat-mobile .p-works-topic .topic-content p {
    margin-top: .4rem;
    padding: 0 .28rem;
    white-space: pre-wrap;
    line-height: .44rem;
    font-size: .22rem;
    color: #3e4245
}

.g-plat-mobile .p-works-topic .topic-content p:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: .24rem;
    height: .24rem;
    border-top: .04rem solid #000;
    border-left: .04rem solid #000
}

.g-plat-mobile .p-works-topic .topic-content p:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: .24rem;
    height: .24rem;
    border-right: .04rem solid #000;
    border-bottom: .04rem solid #000
}

.g-plat-mobile .p-works-topic .topic-content ul {
    margin: 0;
    font-size: 0
}

.g-plat-mobile .p-works-topic .topic-content li {
    width: auto;
    height: 7rem;
    position: relative;
    display: block;
    margin: .4rem 0 0;
    border-radius: .3rem
}

.g-plat-mobile .p-works-topic .topic-content li.deleted {
    background: #eaecec;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default
}

.g-plat-mobile .p-works-topic .topic-content li.deleted img {
    width: 37px
}

.g-plat-mobile .p-works-topic .topic-content li.deleted p {
    margin-top: 10px;
    font-size: 12px;
    color: #ababab
}

.g-plat-mobile .p-works-topic .works-author {
    height: 1rem;
    padding: .2rem;
    background: #fff;
    transform: translateY(0)
}

.g-plat-mobile .p-works-topic .author-avatar {
    width: 1rem;
    height: 1rem;
    margin-right: .2rem
}

.g-plat-mobile .p-works-topic .author-name {
    width: 4rem;
    font-size: .26rem;
    line-height: .4rem
}

.g-plat-mobile .p-works-topic .work-like {
    font-size: .26rem;
    width: 1.4rem;
    line-height: .4rem
}

.g-plat-mobile .p-works-topic .work-like i {
    margin-left: .1rem;
    margin-top: -.05rem
}

.g-plat-mobile .p-artist-topic {
    min-height: auto;
    padding-bottom: 1rem
}

.g-plat-mobile .p-artist-topic .topic-bg {
    height: 5rem
}

.g-plat-mobile .p-artist-topic .topic-bg h2 {
    width: 100%;
    height: 5rem;
    line-height: 4.6rem;
    font-size: .6rem
}

.g-plat-mobile .p-artist-topic .topic-container {
    padding: 0 .2rem;
    width: auto;
    margin: 0
}

.g-plat-mobile .p-artist-topic .topic-desc {
    margin-top: -1rem;
    padding: .25rem .4rem;
    border-radius: .2rem;
    line-height: .46rem;
    font-size: .26rem
}

.g-plat-mobile .p-artist-topic .topic-artist > li {
    padding: 0;
    background-color: #fff;
    margin-top: .2rem;
    border-radius: .2rem
}

.g-plat-mobile .p-artist-topic .artist-info {
    position: relative;
    min-height: 1.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.5rem 0 1.4rem;
    cursor: pointer
}

.g-plat-mobile .p-artist-topic .artist-avatar {
    position: absolute;
    top: .2rem;
    left: .2rem;
    z-index: 2;
    width: .96rem;
    height: .96rem;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    color: #3e4245
}

.g-plat-mobile .p-artist-topic .artist-name {
    line-height: .4rem;
    font-size: .28rem;
    color: #2a2b2d;
    margin-top: .1rem
}

.g-plat-mobile .p-artist-topic .artist-desc {
    line-height: .3rem;
    font-size: .22rem;
    color: #62676d
}

.g-plat-mobile .p-artist-topic .artist-follow {
    position: absolute;
    right: .2rem;
    line-height: .56rem;
    height: .56rem;
    border-radius: .3rem;
    min-width: 1.2rem;
    text-align: center;
    background-color: #02bdd1;
    color: #fff;
    font-size: .26rem;
    z-index: 10
}

.g-plat-mobile .p-artist-topic .artist-follow .icon_follow {
    display: none
}

.g-plat-mobile .p-artist-topic .artist-works {
    margin-top: .2rem;
    font-size: 0
}

.g-plat-mobile .p-artist-topic .artist-works .swiper-wrapper > div {
    background-size: cover;
    background-position: 50%
}

.g-plat-mobile .p-artist-topic .artist-works .swiper-wrapper > div > a {
    display: block;
    width: 100%;
    height: 3.5rem;
    position: relative;
    background-color: #eaecec;
    background-repeat: no-repeat;
    background-size: cover
}

.g-plat-mobile .p-artist-topic .artist-works .swiper-wrapper > div > a .empty {
    background-position-y: 1rem;
    padding-top: 2rem
}

.g-plat-mobile .p-artist-topic .artist-works .swiper-wrapper > div span {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    text-align: center;
    padding: 0 .15rem;
    line-height: .32rem;
    font-size: .22rem;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    border-radius: .2rem
}

.waterfall .grid_item[data-v-74b552e8] {
    opacity: 0;
    transition: all .3s
}

.p-profile {
    background-color: #92d0dc;
    padding-top: 2.18rem
}

.p-profile .main {
    background-color: #fff;
    border-radius: .32rem .32rem 0 0;
    position: relative;
    min-height: 85vh
}

.p-profile .scope-avatar {
    display: block;
    transform: translateY(-50%)
}

.p-profile .scope-avatar img {
    border-radius: 100%;
    width: 1.36rem;
    height: 1.36rem
}

.p-profile .scope-name {
    width: 1.36rem;
    line-height: .4rem;
    margin-top: -.4rem;
    text-align: center;
    font-size: .32rem;
    color: #2a2b2d;
    white-space: nowrap
}

.p-profile .artist-follow {
    position: absolute;
    right: .4rem;
    top: .2rem;
    background-color: #02bdd1;
    color: #fff
}

.p-profile .artist-follow.followed {
    background-color: #dff1f3;
    color: #caccd2
}

.p-profile .scope-identification {
    display: -ms-flexbox;
    display: flex;
    margin-top: .2rem
}

.p-profile .scope-identification span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: .48rem;
    border-radius: .24rem;
    font-size: .22rem;
    color: #62676d;
    margin-right: .1rem;
    background: rgba(140, 180, 255, .1)
}

.p-profile .scope-identification span i {
    margin: 0 .05rem 0 0
}

.p-profile .scope-identification span:first-child {
    width: 1.8rem
}

.p-profile .scope-desc {
    margin-top: .26rem;
    font-size: .28rem;
    color: #93989e;
    line-height: .42rem
}

.p-profile p {
    font-size: .24rem;
    color: #93989e;
    line-height: .34rem
}

.p-profile .fs_32 {
    font-size: .32rem
}

.p-profile .content {
    margin-top: .3rem;
    border-top: 1px solid #f3f7f7
}

.p-profile .content .tab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.p-profile .content .tab > a {
    height: .88rem;
    line-height: .88rem;
    font-size: .28rem;
    color: #93989e;
    position: relative
}

.p-profile .content .tab > a:nth-child(2) {
    margin: 0 1.58rem
}

.p-profile .content .tab > a.on {
    color: #2a2b2d
}

.p-profile .content .tab > a.on:after {
    content: "";
    width: 80%;
    height: .05rem;
    background-color: #02bdd1;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    border-radius: .1rem
}

.p-profile .container {
    width: auto;
    height: auto;
    background-color: #fff;
    padding: .2rem
}

.p-profile .container .work-item {
    display: block;
    border-radius: .2rem;
    width: 3.44rem;
    margin: 0 .05rem .15rem;
    overflow: hidden
}

.p-profile .container .work-item img {
    width: 100%
}

.p-profile .container .demand-item, .p-profile .container .evaluate-item {
    padding: .3rem .25rem;
    border-radius: .2rem;
    background-color: #f6f8f8;
    margin-top: .2rem;
    position: relative;
    overflow: hidden
}

.p-profile .container .demand-item h3, .p-profile .container .evaluate-item h3 {
    line-height: .46rem;
    font-size: .32rem;
    color: #2a2b2d
}

.p-profile .container .demand-item p, .p-profile .container .evaluate-item p {
    color: #62676d
}

.p-profile .container .demand-item .scope-tags, .p-profile .container .evaluate-item .scope-tags {
    margin-top: .15rem
}

.p-profile .container .demand-item .scope-tags span, .p-profile .container .evaluate-item .scope-tags span {
    display: inline-block;
    height: .44rem;
    line-height: .44rem;
    font-size: .24rem;
    border-radius: .05rem;
    padding: 0 .12rem;
    border: 1px solid #caccd2;
    margin-right: .25rem
}

.p-profile .container .demand-item .scope-tags span:first-child, .p-profile .container .evaluate-item .scope-tags span:first-child {
    background-color: #dff3f3;
    border: 1px solid #dff3f3
}

.p-profile .container .demand-item .scope-end-date, .p-profile .container .evaluate-item .scope-end-date {
    margin-top: .3rem
}

.p-profile .container .demand-item .scope-end-date span, .p-profile .container .evaluate-item .scope-end-date span {
    display: inline-block
}

.p-profile .container .demand-item .scope-price, .p-profile .container .evaluate-item .scope-price {
    position: absolute;
    right: .24rem;
    bottom: .3rem;
    font-size: .28rem;
    color: #ed510b;
    line-height: .4rem
}

.p-profile .container .demand-item {
    right: 0
}

.p-profile .container .demand-item .scope-finished {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: hsla(0, 0%, 100%, .5);
    z-index: 2
}

.p-profile .container .demand-item .scope-finished > span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 .24rem;
    height: .44rem;
    line-height: .44rem;
    font-size: .24rem;
    color: #93989e;
    background: #e2e6e6;
    border-bottom-left-radius: .2rem
}

.p-profile .container .evaluate-item {
    padding: .3rem
}

.p-profile .container .evaluate-item > p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .3rem
}

.p-index {
    background: #f3f7f7
}

.p-index.white, .p-index.white .focus-bottom:after {
    background: #fff
}

.index-container {
    width: 12rem;
    margin: 0 auto
}

.index-container .a_Black:link, .index-container .a_Black:visited {
    color: #5b5b5b
}

.index-container .a_Black:active, .index-container .a_Black:hover, .index-container .special-item:hover .a_Black, .index-container .works-item:hover .a_Black {
    color: #1e1e1e
}

.index-focus {
    margin-top: -60px;
    margin-bottom: .4rem;
    position: relative;
    min-width: 12rem
}

.index-focus.focus-blur li:before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 60px;
    background: inherit;
    filter: blur(.1rem)
}

.index-focus .focus-bg {
    position: relative;
    padding-bottom: 600px
}

.index-focus .focus-bg li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-position: top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #fff
}

.index-focus .focus-bg li.focus-pointer {
    cursor: pointer
}

.index-focus .focus-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: .6rem;
    background-image: linear-gradient(-180deg, transparent, rgba(30, 30, 30, .5))
}

.index-focus .focus-bottom:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -.01rem;
    z-index: 10;
    width: 100%;
    height: .08rem;
    border-radius: 100% 100% 0 0/200% 200% 0 0;
    border-bottom: none;
    background: #f3f7f7
}

.index-focus .focus-switcher {
    position: absolute;
    right: 3%;
    bottom: 0;
    height: .6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.index-focus .focus-switcher i {
    display: inline-block;
    width: .22rem;
    height: .22rem;
    background-size: 100% 100%;
    transition: background-image .2s;
    margin-right: .12rem;
    cursor: pointer
}

.index-focus .focus-switcher i.switcher-left {
    background-image: url()
}

.index-focus .focus-switcher i.switcher-left:hover {
    background-image: url()
}

.index-focus .focus-switcher i.switcher-right {
    background-image: url()
}

.index-focus .focus-switcher i.switcher-right:hover {
    background-image: url()
}

.index-focus .focus-switcher span {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .9);
    cursor: default
}

.index-focus .focus-switcher strong {
    width: 1rem;
    margin-left: .08rem;
    font-weight: 400;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    cursor: pointer
}

.index-focus .focus-entry {
    position: absolute;
    left: 0;
    bottom: -.02rem;
    z-index: 20;
    width: 100%;
    height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.index-focus .focus-entry a {
    width: 3.44rem;
    height: 1.35rem;
    display: inline-block;
    background-size: 100% 100%;
    transition: background-image .2s;
    font-size: 0
}



.index-focus .focus-title {
    position: absolute;
    left: 50%;
    bottom: 1.1rem;
    z-index: 10;
    margin-left: -6rem
}

.index-focus .focus-title img {
    height: 1.48rem
}

.index-special {
    padding-top: .66rem;
    padding-bottom: .64rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-special .special-item {
    width: 3.82rem
}

.index-special .special-image {
    height: 2.2rem;
    border-radius: 4px;
    transition: box-shadow .3s;
    cursor: pointer;
    background-size: cover;
    background-position: 50%
}

.index-special .special-image:hover {
    box-shadow: 0 .1rem .2rem .05rem rgba(37, 47, 48, .08), 0 .6rem .5rem -.2rem rgba(63, 121, 128, .2)
}

.index-special p {
    position: relative;
    margin-top: .14rem;
    padding-left: .12rem;
    line-height: .28rem;
    font-size: 16px;
    color: #5b5b5b
}

.index-special p:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: .04rem;
    height: .2rem;
    border-radius: 2px;
    transform: translateY(-50%);
    background: #02bdd1
}

.index-main {
    background: #f3f7f7
}

.index-title {
    text-align: center
}

.index-title h2 {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: end;
    align-items: flex-end;
    height: .28rem;
    padding: 0 .08rem;
    background: #02bdd1;
    border-radius: 2px;
    line-height: .62rem;
    font-size: .4rem;
    color: #1e1e1e
}

.index-title h2:after, .index-title h2:before {
    content: " ";
    position: absolute;
    top: 0;
    width: .07rem;
    height: .28rem;
    background: #02bdd1;
    border-radius: 2px
}

.index-title h2:before {
    left: -.13rem
}

.index-title h2:after {
    right: -.13rem
}

.index-title p {
    margin-top: .11rem;
    line-height: .25rem;
    font-size: 16px;
    color: #8a8a8a
}

.index-recommend-works {
    padding-top: .91rem
}

.index-recommend-works .works-list {
    margin-top: .59rem;
    margin-right: -2%;
    font-size: 0
}

.index-recommend-works .works-item {
    position: relative;
    width: 23%;
    margin-bottom: .4rem;
    margin-right: 2%;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    transition: box-shadow .3s;
    box-shadow: 0 .06rem .12rem 0 rgba(3, 189, 209, .01), 0 .13rem .13rem 0 rgba(3, 189, 209, .01), 0 .2rem .15rem 0 rgba(3, 189, 209, .01)
}

.index-recommend-works .works-item:hover {
    box-shadow: 0 .1rem .2rem .05rem rgba(37, 47, 48, .08), 0 .6rem .5rem -.2rem rgba(63, 121, 128, .2)
}

.index-recommend-works .works-image {
    height: 3.1rem;
    background-size: cover;
    background-position: 50%;
    border-radius: 4px 4px 0 0;
    background-color: #fff;
    cursor: pointer
}

.index-recommend-works .works-author {
    background: #fff;
    height: .42rem;
    border-radius: 0 0 4px 4px;
    padding: .1rem;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.index-recommend-works .author-avatar {
    width: .48rem;
    height: .48rem;
    border: .02rem solid #fff;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    margin-right: .06rem;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.index-recommend-works .author-name {
    max-width: 2rem;
    font-size: 14px
}

.index-recommend-works .works-tag {
    position: absolute;
    top: -.04rem;
    right: .08rem;
    border-radius: 1px 1px 4px 4px;
    padding: .04rem .1rem;
    line-height: .17rem;
    font-size: 12px;
    color: #fff
}

.index-recommend-works .works-tag.tag-color-1 {
    background: #53b9ff
}

.index-recommend-works .works-tag.tag-color-2 {
    background: #ff6659
}

.index-recommend-works .works-tag.tag-color-3 {
    background: #00bcd1
}

.index-new-works {
    padding-top: .71rem
}

.index-new-works .works-list-wrap {
    position: relative
}

.index-new-works .works-list-wrap .works-change {
    position: absolute;
    top: -.4rem;
    right: 0;
    z-index: 1;
    background: #fff;
    border: .01rem solid #d9d9d9;
    border-radius: 4px;
    line-height: .3rem;
    width: .8rem;
    text-align: center;
    font-size: .14rem;
    color: #2a2b2d;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-new-works .works-list-wrap .works-change i, .index-new-works .works-list-wrap .works-change span {
    vertical-align: middle
}

.index-new-works .works-list {
    margin-top: .55rem;
    border-radius: 4px;
    overflow: hidden;
    font-size: 0
}

.index-new-works .works-list:hover {
    overflow: visible
}

.index-new-works .works-item {
    position: relative;
    width: 2rem;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    opacity: .9;
    transition: opacity .3s
}

.index-new-works .works-item:hover {
    transition: all .3s;
    border-radius: 4px;
    transform: scale(1.4);
    opacity: 1 !important;
    z-index: 20;
    box-shadow: 0 .1rem .2rem .05rem rgba(37, 47, 48, .08), 0 .6rem .5rem -.2rem rgba(63, 121, 128, .2)
}

.index-new-works .works-item:hover .works-author {
    transition: opacity .3s;
    opacity: 1
}

.index-new-works .works-image {
    height: 2rem;
    background-size: cover;
    background-position: 50%;
    background-color: #fff;
    cursor: pointer
}

.index-new-works .works-author {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .3rem;
    padding: .071429rem;
    background: hsla(0, 0%, 100%, .9);
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    cursor: pointer
}

.index-new-works .author-avatar {
    width: .342857rem;
    height: .342857rem;
    border: .014286rem solid #fff;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
    margin-right: .042857rem;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.index-new-works .author-name {
    max-width: 1.428571rem;
    font-size: 10px
}

.index-recommend-artists {
    padding-top: .91rem
}

.index-recommend-artists .artist-list {
    margin-top: .59rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-recommend-artists .artist-item {
    width: 2.8rem;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: top;
    border: 1px solid #d1f2f6;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 .06rem .12rem 0 rgba(3, 189, 209, .01), 0 .13rem .13rem 0 rgba(3, 189, 209, .01), 0 .2rem .15rem 0 rgba(3, 189, 209, .01)
}

.index-recommend-artists .artist-author {
    position: relative;
    border-radius: 4px 4px 0 0;
    background-size: cover;
    background-position: 50%
}

.index-recommend-artists .artist-bg {
    background-image: linear-gradient(rgba(0, 25, 28, .9), rgba(15, 76, 83, .9));
    border-radius: inherit;
    padding-bottom: .09rem
}

.index-recommend-artists .artist-cap {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: .67rem;
    height: .16rem;
    overflow: hidden
}

.index-recommend-artists .artist-cap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    border: 1px solid #d1f2f6;
    transform: translateX(-50%);
    width: .9rem;
    height: .9rem;
    background-color: #00191c;
    border-radius: 50%
}

.index-recommend-artists .artist-avatar {
    position: relative;
    height: .74rem
}

.index-recommend-artists .artist-avatar img {
    position: absolute;
    left: 50%;
    bottom: .04rem;
    z-index: 1;
    width: .82rem;
    height: .82rem;
    transform: translateX(-50%);
    border-radius: 50%
}



.index-recommend-artists .artist-name {
    margin-top: .12rem;
    line-height: .28rem;
    text-align: center;
    font-size: .2rem;
    color: #fff
}

.index-recommend-artists .artist-info {
    margin-top: .08rem;
    line-height: .16rem;
    font-size: 0;
    text-align: center;
    color: #fff
}

.index-recommend-artists .artist-role, .index-recommend-artists .artist-wb {
    display: inline-block;
    font-size: .16rem
}

.index-recommend-artists .artist-wb {
    margin-left: .1rem;
    padding-left: .1rem;
    border-left: 1px solid #d8d8d8;
    color: #9f9f9f
}

.index-recommend-artists .artist-wb span {
    margin-left: .06rem;
    color: #fff
}

.index-recommend-artists .artist-tags {
    min-height: .5rem;
    margin-top: .14rem;
    line-height: .18rem;
    font-size: 0;
    text-align: center;
    color: #fff
}

.index-recommend-artists .artist-tags li {
    vertical-align: top;
    display: inline-block;
    background: #00bcd1;
    border-radius: 4px;
    padding: 1px 4px;
    margin: 0 .025rem;
    margin-bottom: .05rem;
    font-size: 12px
}

.index-recommend-artists .artist-decs {
    min-height: 1.5rem;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    padding: .16rem .29rem .18rem;
    line-height: .24rem;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #1e1e1e;
    text-align: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.index-recommend-artists .artist-decs .artist-intro {
    -ms-flex: 1;
    flex: 1
}

.index-recommend-artists .artist-decs .artist-intro i {
    display: none;
    margin-right: .1rem
}

.index-recommend-artists .artist-decs .artist-intro i, .index-recommend-artists .artist-decs .artist-intro span {
    vertical-align: middle
}

.index-recommend-artists .artist-decs .artist-intro.artist-icon i {
    display: inline-block
}

.index-recommend-artists .artist-decs .artist-from {
    font-size: 14px;
    color: #2a2b2d;
    text-align: right
}

.index-custom {
    position: relative;
    padding-top: 1.11rem;
    padding-bottom: .91rem
}

.index-custom .custom-wrap {
    overflow: hidden;
    transform: translateZ(0)
}

.index-custom .custom-list {
    margin-top: .55rem;
    margin-right: -.27rem;
    font-size: 0;
    white-space: nowrap
}

.index-custom .custom-list.custom-animation {
    transition: transform .3s
}

.index-custom .custom-item {
    width: 2.8rem;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #d1f2f6;
    margin-right: .265rem;
    box-shadow: 0 .06rem .12rem 0 rgba(3, 189, 209, .01), 0 .13rem .13rem 0 rgba(3, 189, 209, .01), 0 .2rem .15rem 0 rgba(3, 189, 209, .01)
}

.index-custom .custom-image {
    width: 2.1rem;
    height: 1rem;
    margin: .35rem auto .08rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.index-custom .custom-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .12rem 0 .18rem
}

.index-custom .custom-info .info-item {
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.index-custom .custom-info .info-name {
    line-height: .22rem;
    font-size: .16rem;
    color: #9f9f9f
}

.index-custom .custom-info .info-count {
    line-height: .3rem;
    margin-top: .06rem;
    font-size: .22rem;
    color: #1e1e1e
}

.index-custom .custom-info .info-line {
    width: .01rem;
    height: .22rem;
    background: #e8e8e8
}

.index-custom .custom-project {
    position: relative;
    padding: .13rem .3rem;
    background: #d1f2f6
}

.index-custom .custom-project:before {
    content: " ";
    position: absolute;
    top: -.06rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background-size: auto 100%;
    background-image: url()
}

.index-custom .custom-project .project-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: .22rem;
    font-size: .16rem;
    color: #4a98a1
}

.index-custom .custom-project .project-status img {
    width: .12rem;
    margin-right: .08rem
}

.index-custom .custom-project .project-name {
    margin-top: .02rem;
    font-size: .16rem;
    color: #1e1e1e;
    line-height: .27rem;
    min-height: .27rem
}

.index-custom .custom-switcher {
    position: absolute;
    top: 62%;
    left: 0;
    width: 100%;
    height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-custom .custom-switcher i {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background-size: 100% 100%;
    transition: background-image .2s;
    cursor: pointer
}

.index-custom .custom-switcher i.switcher-left {
    margin-left: -.25rem;
    background-image: url()
}

.index-custom .custom-switcher i.switcher-right {
    margin-right: -.25rem;
    background-image: url()
}

.apply-detail-example {
    *zoom: 1;
    margin-bottom: 20px
}

.apply-detail-example:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.apply-detail-example li {
    float: left;
    margin: 0 10px 10px 0;
    display: -ms-flexbox;
    width: 200px;
    height: 246px;
    display: flex;
    background: #f6f6f6;
    cursor: pointer;
    overflow: hidden
}

.apply-detail-example li img {
    margin: auto;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 200px;
    height: 246px
}

.apply-detail-attr span {
    display: block;
    line-height: 17px;
    font-size: 12px;
    color: #93989e
}

.apply-detail-attr strong {
    display: block;
    margin-top: 3px;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    color: #2a2b2d
}

.area .col1 .col-title {
    border-bottom: 0
}

.area .scope-time {
    margin-top: 10px;
    padding-bottom: 8px;
    line-height: 17px;
    font-size: 12px;
    color: #93989e
}

.area .scope-time span {
    margin-right: 10px;
    color: #2a2b2d
}

.area .tag-selected {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url() no-repeat;
    margin: 0 0 -35px 8px
}

.area .section-title {
    margin: 0 !important;
    padding-top: 32px !important;
    padding-bottom: 20px !important;
    line-height: 14px
}

.area .section-title i {
    margin-right: 6px;
    vertical-align: middle
}

.area table {
    border-spacing: 10px;
    border-collapse: separate;
    margin-bottom: 20px
}

.area table td {
    border: 1px solid #f6f6f6;
    border-radius: 4px;
    padding: 8px 10px !important
}

.area .f_Lineheight {
    margin-bottom: 30px;
    line-height: 20px;
    font-size: 14px;
    color: #62676d
}

.popup-join .i_Text {
    margin-top: 6px
}

.popup-join textarea {
    width: 594px
}

.works-selecter {
    font-size: 0;
    margin: 6px auto 0;
    background: #f7f7f7;
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 18px 6px;
    overflow: hidden;
    width: 594px;
    display: -ms-flexbox;
    display: flex
}

.works-selecter span {
    background: #f7f7f7;
    border: 1px solid #ededed;
    border-radius: 2px;
    display: inline-block;
    padding: 104px 6px;
    vertical-align: top;
    width: 6px;
    cursor: pointer
}

.works-selecter span:hover {
    border-color: #e0e0e0;
    background: #f9f9f9
}

.works-selecter div {
    padding: 9px 0 0;
    width: 545px;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin: 0 0 0 9px
}

.works-selecter ul {
    position: absolute;
    left: 0;
    font-size: 0;
    white-space: nowrap
}

.works-selecter li {
    width: 545px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    white-space: normal
}

.works-selecter li span {
    background: #fff;
    border: 1px solid #eee;
    padding: 7px;
    margin: 0 9px 9px 0;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 100px;
    height: 100px
}

.works-selecter li span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    background: #ededed
}

.works-selecter li span.on:after {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url() no-repeat
}

.works-selecter li span.disabled {
    cursor: not-allowed
}

.works-selecter li span.disabled img {
    opacity: .4
}

.works-selecter li span.disabled:hover:after {
    content: attr(disabled-text);
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 12px
}

.works-selecter li span:hover {
    border-color: #e0e0e0
}

.popup_firstApply .popup-box {
    margin-top: 0 !important;
    margin-left: 0 !important;
    left: 212px;
    top: 70px
}

.popup_firstApply .popup-box:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 50px;
    border-radius: 50%;
    right: 0;
    top: -65px;
    border: 2px dashed #fff
}

.board-demand-list > ul {
    margin-right: -20px;
    font-size: 0
}

.board-demand-list > ul > li {
    width: 320px;
    height: 360px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(98, 103, 109, .1);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px 20px;
    text-align: center;
    position: relative
}

.board-demand-list .scope-thum {
    margin-bottom: 8px
}

.board-demand-list h3 {
    font-size: 16px
}

.board-demand-list .scope-desc {
    height: 60px;
    margin-top: 10px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    color: #2a2b2d
}

.board-demand-list .scope-empty {
    height: 60px;
    margin-top: 19px;
    font-size: 14px;
    color: #c3c8ce !important
}

.board-demand-list .scope-follow {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%
}

.p-artist-detail .btn-big a {
    margin: 10px auto 0;
    display: block;
    width: 80%
}

.p-choose-works .popup-cont {
    margin-bottom: 10px;
    max-height: 500px;
    overflow: auto
}

.p-choose-works .popup-cont .works-list {
    text-align: left
}

.p-choose-works .popup-cont .works-item {
    position: relative;
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    border-radius: 2px;
    overflow: hidden
}

.p-choose-works .popup-cont .works-item:hover {
    box-shadow: 0 0 8px 0 #999
}

.p-choose-works .popup-cont .works-item.active:after {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 10;
    content: " ";
    display: block;
    background: url() no-repeat;
    background-size: 100%
}

.p-artist-detail img.activity_award {
    position: absolute;
    top: 0;
    left: 8px;
    width: 30px;
    line-height: 33px;
    background: transparent;
    text-align: center
}

.p-artist-detail .scope-samples li {
    position: relative
}

.p-artist-detail .scope-samples li:hover .cover {
    opacity: 1;
    border: 2px solid #007aff
}

.p-artist-detail .scope-samples li .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    line-height: 52px;
    background: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    border: 2px solid transparent;
    opacity: 0;
    transition: opacity .3s;
    text-align: center;
    color: #fff
}

.p-artist-detail .scope-samples li .cover span {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 12px;
    background: #492f28;
    color: #ddd;
    cursor: pointer
}

.p-artist-detail .scope-samples li .cover span:hover {
    color: #fff;
    background: #6a443a
}

.p-artist-detail .btn-big a {
    margin: 10px 3px 0;
    display: inline-block;
    width: 45%
}


.p-download .download-main {
    position: relative;
    width: 100vh
}

.p-download .download-main img {
    width: 100%
}

.p-download .download-main a {
    position: absolute;
    width: 28.9%;
    height: 7.6%
}

.p-download .download-main a.ios {
    top: 15%;
    right: 7.68%
}

.p-download .download-main a.android {
    top: 24.8%;
    right: 7.68%
}

.p-activity-list .activity-title {
    margin: 30px 0;
    line-height: 30px;
    font-size: 0
}

.p-activity-list .activity-title span {
    vertical-align: middle;
    font-size: 22px;
    color: #2c2c2c
}

.p-activity-list .activity-title i {
    vertical-align: middle;
    margin-right: 22px
}

.p-activity-list .activity-list {
    margin-bottom: 100px
}

.p-activity-list .activity-item {
    position: relative;
    min-height: 240px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px #e0e5e7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 20px;
    cursor: pointer
}

.p-activity-list .activity-item:hover {
    box-shadow: 0 0 8px #cbd2d3
}

.p-activity-list .activity-image {
    position: relative;
    width: 640px;
    background-size: cover;
    background-position: 50%;
    border-radius: 8px 0 0 8px
}

.p-activity-list .activity-image-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    border-radius: 8px 0 0 8px
}

.p-activity-list .activity-tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    height: 30px;
    padding: 0 8px;
    line-height: 30px;
    border-radius: 0 8px 0 8px;
    background: #d1d1d1;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.p-activity-list .activity-tag.active {
    background: #00c4da
}

.p-activity-list .activity-tag.compute {
    background: #72c6ff
}

.p-activity-list .activity-award {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px 0 8px 0;
    background: #fff8b8;
    text-align: center
}

.p-activity-list .activity-info {
    -ms-flex: 1;
    flex: 1;
    padding: 26px 30px
}

.p-activity-list .activity-name {
    margin-top: 22px;
    line-height: 25px;
    font-weight: 700;
    font-size: 18px;
    color: #2c2c2c;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.p-activity-list .activity-time {
    margin-top: 6px;
    line-height: 17px;
    font-size: 12px;
    color: #595959
}

.p-activity-list .activity-dec {
    position: relative;
    margin-top: 10px;
    line-height: 24px;
    font-size: 14px;
    color: #595959;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4
}

.p-activity-list .activity-line {
    margin-top: 10px;
    z-index: 10;
    width: 30px;
    height: 2px;
    background: #e6e6e6
}

.p-activity-list .award-list {
    margin-bottom: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-activity-list .award-item {
    padding: 28px;
    height: 160px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 #e0e5e7;
    margin-top: 20px;
    position: relative
}

.p-activity-list .award-item i {
    position: absolute;
    top: 15px;
    right: 16px
}

.p-activity-list .award-item div {
    font-size: 14px;
    margin-bottom: 12px;
    display: -ms-flexbox;
    display: flex
}

.p-activity-list .award-item div .award-item-key {
    display: block;
    margin-right: 22px;
    width: 60px;
    color: #62676d
}

.p-activity-list .award-item div .award-item-value {
    display: block;
    width: 354px;
    color: #2a2b2d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-activity-list .award-item div .award-item-value.line-clamp_2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    white-space: normal;
    word-break: break-all
}

.p-activity-list .award-item .i_Btn {
    position: absolute;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%)
}

.popup_modifyAddress .popup-box {
    width: 590px
}

.popup_modifyAddress .popup-address .l_Tb .t_Vtop {
    padding: 20px 10px 0 3px
}

.popup_modifyAddress .popup-address .i_Text {
    margin-top: 6px;
    width: 430px;
    background-color: #fdfdfd
}

.popup_modifyAddress .popup-address .form-rule {
    width: 450px
}

.area-picker-input {
    text-align: left;
    color: #aaa6a6;
    box-sizing: inherit
}

.area-picker-select {
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 6px;
    top: 0;
    padding: 8px;
    z-index: 100;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    display: none
}

.area-picker-select .area-picker-tabs {
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    line-height: 28px
}

.area-picker-select .area-picker-tabs span {
    display: block;
    text-align: center;
    border: 1px solid #dee1e6;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer
}

.area-picker-select .area-picker-tabs span.on {
    background-color: #f5f7fb
}

.area-picker-select .area-picker-list {
    margin: 4px 0 0;
    max-height: 200px;
    overflow: auto
}

.area-picker-select .area-picker-list li {
    height: 28px;
    line-height: 28px;
    color: #333;
    cursor: default
}

.area-picker-select .area-picker-list li:hover {
    background-color: #f5f7fb
}

.activity .flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: stretch;
    align-items: stretch
}

.activity .flex .flex-item {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-bottom: 30px
}

.activity .flex .flex-item a {
    width: 100%;
    height: 100%;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.activity .flex .flex-item p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    margin: 0;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #62676d
}

/*!
 * Datepicker v0.6.4
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-11-24T14:38:19.628Z
 */
.datepicker-container {
    background-color: #fff;
    border: 1px solid #dee1e6;
    margin-top: -5px;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.datepicker-dropdown {
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left:after, .datepicker-top-right:after {
    border-bottom-color: #fff;
    top: -4px
}

.datepicker-bottom-left:after, .datepicker-bottom-left:before, .datepicker-bottom-right:after, .datepicker-bottom-right:before {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left:after, .datepicker-bottom-right:after {
    border-top-color: #fff;
    bottom: -4px
}

.datepicker-bottom-right:after, .datepicker-bottom-right:before, .datepicker-top-right:after, .datepicker-top-right:before {
    left: auto;
    right: 10px
}

.datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 102%
}

.datepicker-panel > ul:after, .datepicker-panel > ul:before {
    content: " ";
    display: table
}

.datepicker-panel > ul:after {
    clear: both
}

.datepicker-panel > ul > li {
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px
}

.datepicker-panel > ul > li:hover {
    background-color: #efefef
}

.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
    color: #999
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    background-color: #02bdd1;
    color: #fff
}

.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: not-allowed
}

.datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] {
    font-size: 18px
}

.datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] {
    width: 150px
}

.datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px
}

.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
    cursor: default
}

.datepicker-hide {
    display: none
}

.board-wrap .board-tab ul {
    height: 34px;
    border-bottom: 1px solid #ebeef2
}

.board-wrap .board-tab li {
    height: 34px;
    line-height: 34px;
    text-align: center;
    float: left;
    min-width: 120px;
    padding: 0 10px;
    border: 1px solid #ebeef2;
    border-bottom: none;
    background: rgba(0, 0, 0, .02);
    border-radius: 4px 4px 0 0;
    margin-right: 6px;
    cursor: pointer
}

.board-wrap .board-tab li .num-new {
    background: #dc0000;
    color: #fff;
    font-size: 12px;
    height: 14px;
    line-height: 13px;
    text-align: center;
    min-width: 8px;
    padding: 0 3px;
    border-radius: 7px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    font-weight: 400 !important
}

.board-wrap .board-tab li:hover {
    color: #02bdd1
}

.board-wrap .board-tab li.on {
    font-weight: 700;
    color: #02bdd1;
    background: #fff
}

.board {
    *zoom: 1;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 100px;
    position: relative
}

.board:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.board .board-apply {
    margin: 24px auto
}

.board .board-menu {
    width: 200px;
    background: #fff;
    box-shadow: 0 0 4px 0 #e0e5e7;
    border-radius: 10px;
    padding: 12px 0;
    float: left
}

.board .board-menu .board-menu-item:not(.on) ul {
    height: 0 !important
}

.board .board-menu .board-menu-item.on h3:after {
    transform: rotate(90deg);
    top: 44%
}

.board .board-menu h3 {
    height: 44px;
    line-height: 44px;
    text-indent: 20px;
    cursor: pointer;
    font-size: 18px;
    color: #2a2b2d;
    position: relative
}

.board .board-menu h3:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
    border-width: 5px 0 5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #2a2b2d
}

.board .board-menu ul {
    overflow: hidden;
    transition: all .3s
}

.board .board-menu li {
    height: 44px;
    line-height: 44px;
    text-indent: 20px;
    cursor: pointer;
    color: #5b5b5b
}

.board .board-menu li.on {
    position: relative;
    background: #f4f7fd
}

.board .board-menu li.on:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 3px;
    height: 100%;
    background-color: #02bdd1
}

.board .board-menu li:hover {
    background: #f4f7fd
}

.board .board-menu .board-search {
    position: relative;
    height: auto;
    line-height: 1;
    padding-top: 16px;
    padding-bottom: 16px;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #f6f6f6;
    cursor: default;
    font-size: 0;
    text-indent: 20px;
    color: #5b5b5b
}

.board .board-menu .board-search.on:before {
    display: none
}

.board .board-menu .board-search input {
    width: 160px;
    height: 28px;
    box-sizing: border-box;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 30px;
    font-size: 14px;
    color: #333
}

.board .board-menu .board-search input:focus {
    border: 1px solid #02bdd1
}

.board .board-menu .board-search i {
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    z-index: 2
}

.board .board-cont {
    margin-left: 216px;
    box-shadow: 0 0 4px 0 #e0e5e7;
    padding: 0 24px 24px;
    border-radius: 10px;
    background: #fff
}

.board .board-cont h2 {
    font-size: 20px;
    color: #2a2b2d;
    height: 24px;
    line-height: 24px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding: 24px 0 20px 10px;
    border-bottom: 1px solid #ededed
}

.board .apply-list li {
    padding: 36px 10px;
    border-bottom: 1px solid #ededed;
    position: relative
}

.board .apply-list li h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    width: 500px
}

.board .apply-list li p {
    color: #93989e
}

.board .apply-list li p span {
    margin-right: 30px
}

.board .apply-list li p strong {
    color: #2a2b2d;
    font-weight: 400
}

.board .apply-list li .btns {
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 10px;
    top: 40px
}

.board .apply-list li .btns .i_Btn {
    margin-left: 10px;
    padding: 0 12px
}

.board .board-tab ul {
    height: 34px;
    border-bottom: 1px solid #ebeef2
}

.board .board-tab li {
    height: 34px;
    line-height: 34px;
    text-align: center;
    float: left;
    min-width: 120px;
    padding: 0 10px;
    border: 1px solid #ebeef2;
    border-bottom: none;
    background: rgba(0, 0, 0, .02);
    border-radius: 4px 4px 0 0;
    margin-right: 6px;
    cursor: pointer
}

.board .board-tab li .num-new {
    background: #dc0000;
    color: #fff;
    font-size: 12px;
    height: 14px;
    line-height: 13px;
    text-align: center;
    min-width: 8px;
    padding: 0 3px;
    border-radius: 7px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    font-weight: 400 !important
}

.board .board-tab li:hover {
    color: #02bdd1
}

.board .board-tab li.on {
    font-weight: 700;
    color: #02bdd1;
    background: #fff
}

.board .board-artist-list .scope-artist-filter {
    background: #f1f7ff;
    border-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 20px
}

.board .board-artist-list > ul > li {
    *zoom: 1;
    padding: 20px 30px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 0 4px 0 #e0e5e7
}

.board .board-artist-list > ul > li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.board .board-artist-list .scope-thum {
    float: left;
    position: relative
}

.board .board-artist-list .scope-thum .icon_invite {
    position: absolute;
    bottom: -5px;
    left: -5px;
    color: #fff
}

.board .board-artist-list .scope-desc {
    float: left;
    margin-left: 20px;
    width: 310px !important
}

.board .board-artist-list .scope-desc .tag {
    margin: 0 2px 4px
}

.board .board-artist-list .scope-desc .i_Btn {
    margin-right: 10px
}

.board .board-artist-list .scope-samples {
    float: right
}

.board .board-artist-list .scope-samples li {
    display: inline-block;
    margin-left: 6px
}

.board .board-artist-list .scope-extra {
    clear: both;
    margin: 40px 0 0;
    overflow: hidden
}

.board .board-artist-list .scope-extra p {
    float: left;
    width: 400px;
    font-size: 12px;
    line-height: 20px
}

.board .board-artist-list .scope-extra .scope-label {
    text-align: right;
    font-size: 12px
}

.board .board-artist-list .scope-extra .scope-label span {
    margin-right: 20px
}

.board .board-artist-list .scope-extra .scope-label .i_Btn {
    margin-left: 10px
}

.board .board-artist-list .scope-extra .scope-label .i_Btn_disabled {
    cursor: pointer
}

.board .board-artist-list .scope-score span {
    margin-right: 20px
}

.board .board-btm-bar {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .08);
    height: 56px;
    line-height: 56px
}

.board .board-btm-bar .scope-cont {
    width: 1000px;
    margin: 0 auto
}

.board .board-apply-status {
    text-align: center;
    padding: 120px 0
}

.board .board-apply-status h2 {
    font-size: 20px;
    color: #2a2b2d;
    line-height: 24px
}

.board .board-apply-status p {
    line-height: 22px;
    margin: 9px 0
}

.board .project-status {
    *zoom: 1;
    background: #fff;
    box-shadow: 0 0 4px 0 #e0e5e7;
    border-radius: 10px;
    padding: 20px 30px
}

.board .project-status:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.board .project-status .scope-artists {
    margin-right: 40px;
    display: inline-block
}

.board .project-status .scope-artists small {
    color: #c3c8ce
}

.board .project-status .scope-artists span {
    margin-left: 20px;
    display: inline-block
}

.board .project-status .scope-artists .user-thum {
    border: 2px solid #fff;
    margin-left: -10px
}

.board .project-status .scope-oprate {
    float: right;
    line-height: 36px
}

.board .project-status .scope-oprate .i_Btn {
    margin-left: 20px
}

.board .project-steps {
    padding: 40px 30px
}

.board .project-steps ul {
    display: -ms-flexbox;
    display: flex
}

.board .project-steps li {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    text-align: center;
    color: #93989e;
    position: relative
}

.board .project-steps li.finish i {
    transform: scale(.6)
}

.board .project-steps li.finish span {
    font-size: 0
}

.board .project-steps li.finish:hover i {
    display: none
}

.board .project-steps li.finish:hover span {
    font-size: 14px
}

.board .project-steps li.status_done {
    color: #2a2b2d
}

.board .project-steps li.status_done span {
    border: none;
    background: #02bdd1;
    color: #fff
}

.board .project-steps li.status_done h3 {
    color: #93989e
}

.board .project-steps li.status_done:after {
    background: #02bdd1
}

.board .project-steps li.status_done.step:hover {
    cursor: pointer
}

.board .project-steps li.status_done.active h3, .board .project-steps li.status_done.step:hover h3 {
    color: #2a2b2d
}

.board .project-steps li.status_done.active i {
    display: none
}

.board .project-steps li.status_done.active span {
    font-size: 14px
}

.board .project-steps li.status_done.current span {
    background: #fff;
    border: 1px solid #02bdd1;
    color: #02bdd1
}

.board .project-steps li.status_done.current.active span {
    border: none;
    background: #02bdd1;
    color: #fff
}

.board .project-steps li:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background: #c3c8ce;
    position: absolute;
    right: 50%;
    top: 12px
}

.board .project-steps li:first-child:after {
    display: none
}

.board .project-steps span {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #c3c8ce;
    color: #c3c8ce;
    border-radius: 12px;
    line-height: 24px;
    margin: 0 auto 10px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    z-index: 2
}

.board .board-project {
    *zoom: 1;
    background: #fff;
    box-shadow: 0 0 4px 0 #e0e5e7;
    border-radius: 10px;
    overflow: hidden
}

.board .board-project:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.board .project-bar {
    min-width: 255px;
    float: left;
    background: #fafafa;
    height: 750px;
    border-right: 1px solid #e8e8e8;
    overflow-y: auto
}

.board .project-bar .scope-artists li {
    height: 58px;
    line-height: 58px;
    padding: 0 12px 0 28px;
    position: relative;
    cursor: pointer
}

.board .project-bar .scope-artists li.on, .board .project-bar .scope-artists li:hover {
    background: #f2f3f4
}

.board .project-bar .scope-artists li h5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin: 0 6px;
    max-width: 110px;
    vertical-align: middle
}

.board .project-bar .scope-artists li span {
    font-size: 12px;
    float: right;
    margin: 20px 0 0
}

.board .project-bar .scope-artists li.scope-new:before {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #ed510b;
    left: 10px;
    top: 25px
}

.board .project-bar-header {
    height: 20px;
    line-height: 20px;
    padding: 18px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    position: relative;
    z-index: 2
}

.board .project-bar-header:first-child {
    border-top: none
}

.board .project-bar-header h3 {
    line-height: 20px;
    cursor: pointer;
    float: left;
    font-weight: 700
}

.board .project-bar-header h3 span {
    font-weight: 400
}

.board .project-bar-header i {
    transition: transform .5s
}

.board .project-bar-header.off i {
    transform: rotate(180deg)
}

.board .project-cont {
    margin-left: 255px;
    height: 750px
}

.board .project-scroll {
    max-height: 685px;
    overflow-y: auto;
    overflow-x: hidden
}

.board .project-scroll .w-Notice .w-Notice-cont {
    margin: 20px 30px
}

.board .project-scroll .tb_Order {
    table-layout: fixed
}

.board .project-scroll .tb_Order td p {
    overflow: hidden;
    word-break: break-all
}

.board .project-remarks {
    background: #eff9fb;
    height: 40px;
    line-height: 40px;
    padding: 0 46px 0 30px;
    color: #62676d
}

.board .project-remarks span {
    display: none
}

.board .project-remarks span a {
    margin-left: 10px
}

.board .project-remarks:hover span {
    display: block
}

.board .project-cont_graybg {
    background: #f2f3f4;
    overflow: hidden
}

.board .artist-need-pay {
    text-align: center;
    background: #fff;
    margin: 50px;
    border-radius: 18px;
    height: 650px
}

.board .artist-need-pay .scope-info {
    padding: 60px 0 30px
}

.board .artist-need-pay .scope-info h4 {
    margin: 15px 0
}

.board .artist-need-pay .scope-count {
    background: #eff6ff;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 58px 30px;
    color: #62676d
}

.board .artist-need-pay .scope-count span {
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.board .artist-need-pay .scope-count strong {
    color: #000
}

.board .artist-need-pay .scope-works {
    margin: 30px 0;
    font-size: 0
}

.board .artist-need-pay .scope-works span {
    margin: 0 10px
}

.board .artist-need-pay .scope-pay-info {
    border-top: 1px solid #eee;
    padding: 50px 0 0
}

.board .project-artist-header {
    height: 36px;
    line-height: 36px;
    padding: 10px 30px;
    border-bottom: 1px solid #ededed
}

.board .project-artist-header strong {
    margin: 0 10px;
    font-weight: 400
}

.board .project-artist-header .scope-btns {
    position: relative;
    z-index: 5
}

.board .project-artist-header .scope-btns ul {
    position: absolute;
    right: -20px;
    top: 40px;
    background: #fff;
    border: 1px solid #eee;
    font-size: 12px;
    color: #2a2b2d;
    padding: 5px 0;
    display: none
}

.board .project-artist-header .scope-btns ul li {
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.board .project-artist-header .scope-btns ul li:hover {
    color: #02bdd1
}

.board .project-artist-header .scope-btns ul li:active {
    color: #717171
}

.board .project-step-title {
    border-bottom: 1px solid #ededed;
    padding: 15px 30px;
    font-size: 18px;
    margin: 0 0 20px
}

.board .project-step-status {
    text-align: center;
    padding: 80px 0
}

.board .project-step-status h3 {
    font-size: 20px;
    margin: 20px 0 10px
}

.board .project-step-status p {
    margin: 10px 60px;
    line-height: 24px;
    font-size: 16px;
    color: #93989e
}

.board .project-step-cont .tb_Order h3 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    max-width: 170px;
    line-height: 20px
}

.board .project-step-cont .tb_Order .t_Right {
    white-space: nowrap
}

.board .project-step-cont .tb_Order .t_Right span {
    margin-right: 50px;
    font-size: 14px;
    color: #2a2b2d;
    white-space: nowrap
}

.board .project-step-cont .tb_Order .t_Right a {
    margin: 0 5px
}

.board .project-step-cont .tb_Order .t_Left img {
    background: #fff;
    border: 1px solid #ededed;
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.board .project-step-cont .l_Tb {
    margin: 20px auto
}

.board .project-comment {
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px
}

.board .project-comment .scope-col {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin: 0 5px
}

.board .project-comment .scope-col li {
    text-align: left;
    margin: 0 0 30px
}

.board .project-comment .scope-col li h5 {
    display: inline-block;
    width: 76px;
    vertical-align: middle
}

.board .project-comment .scope-col .i_Text {
    width: 288px;
    height: 120px;
    margin: 0 0 14px
}

.board .project-comment-btns {
    padding: 20px 30px;
    text-align: right
}

.board .project-comment-result p span {
    margin: 0 5px
}

.board .project-comment-result p strong {
    margin-left: 6px
}

.board .project-comment-result blockquote {
    color: #888;
    position: relative;
    line-height: 150%;
    margin: 20px 40px 0;
    display: inline-block;
    text-align: left
}

.board .project-comment-result blockquote:before {
    content: "\201C";
    font-size: 42px;
    position: absolute;
    left: -55px;
    top: 10px;
    line-height: .1em;
    color: #c3c8ce;
    font-family: serif
}

.board .project-comment-result blockquote:after {
    content: "\201D";
    font-size: 42px;
    position: absolute;
    right: -50px;
    bottom: -20px;
    line-height: .1em;
    color: #c3c8ce;
    font-family: serif
}

.board .apply-recommand h2 {
    font-size: 18px;
    color: #2a2b2d;
    line-height: 36px
}

.board .apply-recommand .apply-list li {
    border: none;
    background: #fff;
    border-radius: 0;
    padding: 20px 30px;
    margin: 0;
    height: auto;
    transition: box-shadow .3s;
    box-shadow: none;
    border-top: 1px solid #f1f1f1
}

.board .apply-recommand .apply-list address {
    margin: 12px 0 24px
}

.board .apply-recommand .apply-list address span {
    margin: 0 10px 0 0;
    font-style: normal;
    color: #93989e
}

.board .apply-recommand .apply-list p {
    font-size: 16px
}

.board .apply-recommand .apply-list .scope-extra {
    color: #62676d;
    float: right
}

.board .board-artist-info {
    text-align: center;
    margin: 0 24px
}

.board .board-artist-info .scope-name {
    padding: 36px 0 20px
}

.board .board-artist-info .scope-name h3 {
    font-size: 16px;
    margin: 24px auto 14px;
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 22px;
    padding-top: 3px
}

.board .board-artist-info .scope-payment {
    border-top: 1px solid #eee;
    text-align: left;
    line-height: 24px;
    padding: 10px 0
}

.injection {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 116px;
    background: hsla(0, 0%, 96%, .95);
    border-top: 1px solid #eee
}

.injection .tb_Order .t_Left .user-thum {
    margin: 0 10px 0 20px
}

.injection .board-artist-list .scope-desc {
    width: 290px
}

.injection-cont {
    width: 1000px;
    margin: 0 auto
}

.injection-header {
    height: 20px;
    line-height: 20px;
    padding: 20px 0
}

.injection-header h2 {
    display: inline-block;
    font-size: 18px
}

.injection-header a {
    float: right;
    font-size: 30px
}

.injection-template {
    background: #fff;
    border-radius: 10px;
    padding: 20px
}

.apply-steps {
    background: #f1f7ff;
    text-align: center;
    padding: 20px 0
}

.apply-steps li {
    text-align: center;
    display: inline-block;
    width: 160px;
    position: relative;
    color: #93989e
}

.apply-steps li span {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background: #b7c4d8;
    color: #fff;
    margin: 0 auto 10px;
    overflow: hidden
}

.apply-steps li:after {
    content: "";
    height: 2px;
    width: 140px;
    background: #b7c4d8;
    display: block;
    position: absolute;
    top: 10px;
    left: 92px
}

.apply-steps li:last-child:after {
    content: "";
    display: none
}

.apply-steps li.status_done {
    color: #1e1f22
}

.apply-steps li.status_done span {
    background: #02bdd1 url() no-repeat 50%;
    color: #1e1f22;
    text-indent: -40px
}

.apply-steps li.status_done:after {
    background: #02bdd1
}

.apply-steps li.status_processing {
    color: #1e1f22;
    vertical-align: top
}

.apply-steps li.status_processing span {
    background: #02bdd1;
    color: #fff
}

.apply-form {
    border: 2px solid #f1f7ff;
    margin: 20px auto 500px;
    padding: 0 0 30px;
    background: #fff
}

.apply-form h2 {
    width: 800px;
    font-size: 18px;
    padding: 20px 0;
    margin: 20px auto;
    border-bottom: 1px solid #eee
}

.apply-form .btn-cont {
    padding: 30px 0;
    text-align: center
}

.l_Tb_apply {
    margin: 0 auto
}

.l_Tb_apply tr {
    border-bottom: 1px solid #f1f7ff
}

.l_Tb_apply td, .l_Tb_apply th {
    vertical-align: top;
    padding: 30px 3px;
    line-height: 24px
}

.l_Tb_apply th {
    text-align: left;
    font-weight: 400;
    color: #62676d
}

.apply-form-rule span {
    float: right
}

.apply-form-other {
    background: #f5f7fb;
    border-radius: 2px;
    padding: 10px 20px;
    margin: 15px 0 10px
}

.apply-form-other input {
    width: 150px;
    margin: 0 10px
}

.apply-form-other textarea {
    vertical-align: top;
    margin-left: 10px
}

.i_Btn_apply {
    margin: 0 10px;
    min-width: 200px
}

.w-Radiogroup_apply span {
    min-width: 110px;
    margin-right: 15px
}

.w-Radiogroup_apply span small {
    font-size: 14px;
    margin-left: 6px;
    color: #93989e
}

.w-Checkboxgroup_apply .w-Checkbox-item {
    min-width: 110px;
    margin: 0 15px 20px 0
}

.i_Text_apply {
    width: 364px
}

.w-Select_apply {
    width: 300px
}

.apply-page-tip {
    background: #fff6f2;
    border-radius: 2px;
    padding: 10px 20px;
    width: 760px;
    margin: 0 auto
}

.apply-page-tip .dot {
    border-radius: 5px;
    background: #ed510b;
    width: 10px;
    height: 10px;
    float: left;
    margin: 6px 0 0
}

.apply-page-tip div {
    font-size: 12px;
    line-height: 22px;
    margin-left: 20px;
    color: #ed510b
}

.apply-stage ul {
    margin-bottom: 10px
}

.apply-stage li {
    *zoom: 1;
    margin: 5px 0
}

.apply-stage li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.apply-stage li > * {
    float: left;
    text-align: center;
    background: #f5f7fb;
    border-radius: 2px;
    height: 40px;
    line-height: 40px
}

.apply-stage .s1 {
    width: 20%
}

.apply-stage .s2, .apply-stage .s3 {
    width: 30%
}

.apply-stage .s4 {
    width: 20%
}

.apply-stage-header {
    *zoom: 1;
    background: #482f29;
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px
}

.apply-stage-header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.apply-stage-header span {
    float: left;
    text-align: center;
    color: #fff
}

.apply-stage-header .s1 {
    width: 20%
}

.apply-stage-header .s2, .apply-stage-header .s3 {
    width: 30%
}

.apply-stage-header .s4 {
    width: 20%
}

.apply-service {
    width: 800px;
    margin: 0 auto 100px;
    display: block
}

.apply-service li {
    position: relative;
    border-bottom: 1px solid #f1f7ff;
    padding: 0 0 20px;
    margin: 0 0 20px
}

.apply-service li p {
    margin: 10px 280px 0 20px;
    line-height: 24px;
    color: #62676d
}

.apply-service li span {
    position: absolute;
    right: 0;
    top: 0
}

.apply-selected-service {
    list-style-type: disc
}

.apply-selected-service li {
    width: 200px;
    float: left
}


.apply-index .apply-wrap {
    width: 800px;
    margin: 0 auto
}

.apply-index h2 {
    line-height: 25px;
    text-align: center;
    font-size: 24px;
    color: #2a2b2d
}

.apply-index h3 {
    line-height: 82px;
    text-align: center;
    font-size: 22px;
    color: #fff
}

.apply-index .apply-type-list {
    margin-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.apply-index .apply-type-item {
    width: 250px;
    box-shadow: 0 30px 20px -15px rgba(89, 185, 200, .2);
    border-radius: 10px;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}


.apply-index .apply-type-item:first-of-type .scope-dec a, .apply-index .apply-type-item:first-of-type .scope-dec p::after {
    background-color: #6aafe5
}

.apply-index .apply-type-item:first-of-type .scope-dec a:hover {
    background-color: #72b6eb
}


.apply-index .apply-type-item:nth-of-type(2) .scope-dec a, .apply-index .apply-type-item:nth-of-type(2) .scope-dec p:after {
    background-color: #00c4da
}

.apply-index .apply-type-item:nth-of-type(2) .scope-dec a:hover {
    background-color: #0acce1
}


.apply-index .apply-type-item:nth-of-type(3) .scope-dec p:after {
    background-color: #e4bc6e
}

.apply-index .apply-type-item:nth-of-type(3) .scope-dec a {
    background-color: #f5c464
}

.apply-index .apply-type-item:nth-of-type(3) .scope-dec a:hover {
    background-color: #f9c867
}

.apply-index .scope-dec {
    margin-top: -6px;
    border-radius: 10px;
    background-color: #fff;
    padding-top: 13px;
    padding-bottom: 20px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.apply-index .scope-dec p {
    text-align: center;
    font-size: 12px;
    color: #5b5b5b;
    line-height: 22px
}

.apply-index .scope-dec p:after {
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    margin: 7px auto 0;
    border-radius: 1px
}

.apply-index .scope-dec ul {
    -ms-flex: 1;
    flex: 1;
    margin-top: 6px;
    padding: 0 24px 0 46px
}

.apply-index .scope-dec li {
    list-style: disc outside;
    line-height: 28px;
    font-size: 12px;
    color: #5b5b5b
}

.apply-index .scope-dec a {
    width: 180px;
    line-height: 34px;
    display: block;
    margin: 14px auto 0;
    border-radius: 17px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    transition: background-color .3s
}

.apply-vip {
    width: 800px;
    margin: 40px auto
}

.apply-vip .apply-row {
    position: relative;
    margin-bottom: 20px
}

.apply-vip .w-Select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 84px
}

.apply-vip .btn-cont {
    padding: 10px 0;
    text-align: left
}

.apply-vip .btn-cont .i_Btn_apply {
    min-width: 120px;
    margin: 0
}

.apply-vip .error {
    line-height: 24px
}

.apply-vip .info h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #2a2b2d
}

.apply-vip .info p {
    line-height: 22px;
    font-size: 14px;
    color: #62676d
}

.p-board-wait .tabs {
    position: relative
}

.p-board-wait .w-Switcher {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 10
}

.p-profession table {
    margin-bottom: 40px
}

.p-profession tr:first-child td {
    padding-bottom: 18px
}

.p-profession th {
    padding-top: 50px;
    vertical-align: top;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.p-profession td {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6f6
}

.p-profession p {
    line-height: 22px
}

.p-profession textarea {
    width: 610px
}

.p-profession .w-Notice {
    margin-top: 20px
}

.p-profession .contact_type {
    width: 117px !important
}

.title_sub {
    font-size: 18px;
    padding: 20px 0;
    border-bottom: 2px solid #eee
}

.account-wrap {
    padding: 20px 100px 55px;
    background: #fff;
    box-shadow: 0 0 4px 0 #e0e5e7;
    border-radius: 10px;
    margin-bottom: 20px
}

.account-wrap.minHeight_auto {
    min-height: auto
}

.f_34px {
    font-size: 34px
}

.b_bottom_Gray {
    border-bottom: 1px solid #f6f6f6
}

.alipay_radio, .bankcard_radio, .wechat_radio {
    width: 142px;
    height: 50px;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    box-sizing: border-box
}

.alipay_radio img, .bankcard_radio img, .wechat_radio img {
    margin-right: 5px
}

.alipay_radio.on, .bankcard_radio.on, .wechat_radio.on {
    border: 2px solid #02bdd1;
    line-height: 46px
}

.my-wallet {
    position: relative
}

.my-wallet dl {
    margin: 40px 0;
    padding-bottom: 26px;
    border-bottom: 1px solid #f6f6f6
}

.my-wallet dl h5 {
    margin-bottom: 8px
}

.my-wallet dt span.f_14px {
    font-size: 14px;
    margin-left: 6px
}

.my-wallet dt .i_Btn {
    margin: 10px 0 0 30px;
    width: 120px
}

.my-wallet dd {
    padding-top: 26px
}

.my-wallet dd.margin-right_60 {
    margin-right: 60px
}

.account-recharge th {
    font-weight: 400;
    color: #62676d;
    font-size: 14px;
    text-align: left;
    padding: 30px 0
}

.account-recharge .bank-card, .account-recharge .i_Text {
    width: 310px;
    background: #fdfdfd
}

.account-recharge .w-Radiogroup_rechargeType span {
    margin-right: 94px
}

.account-recharge .i_Btn.recharge-btn {
    display: block;
    margin: 30px auto 60px;
    width: 200px
}

.account-recharge .bank-card {
    border: 1px solid #dee1e6;
    height: 34px;
    line-height: 34px;
    padding: 0 9px;
    border-radius: 4px;
    color: #2a2b2d
}

.account-recharge .bank-card img {
    max-width: 23px;
    max-height: 23px;
    margin: -2px 4px 0 0
}

.account-recharge .bank-card_big {
    height: 60px;
    line-height: 60px
}

.account-recharge .bank-card_big a {
    margin: 0 10px 0 12px
}

.account-recharge .bank-card_long {
    height: 34px;
    line-height: 34px;
    width: 310px
}

.account-recharge .add-bankCard {
    width: 330px;
    height: 60px;
    line-height: 60px;
    background: #fdfdfd;
    color: #62676d;
    border: 1px solid #dee1e6;
    font-weight: 400
}

.account-recharge .forget-password th {
    padding: 0
}

.account-recharge .forget-password td {
    padding: 0;
    text-align: right
}

.account-recharge .extract-account {
    width: 372px;
    padding: 9px;
    background: #fdfdfd;
    border: 1px solid #dee1e6;
    border-radius: 4px
}

.account-recharge .l_Tb_accountAdminis th {
    padding: 60px 0
}

.c-popup-service-cooperate .popup-doc {
    max-height: 532px;
    overflow: auto;
    margin: 0 10px
}

.c-popup-service-cooperate .popup-doc p.text-indent {
    text-indent: 2em
}

.c-popup-service-cooperate .popup-doc u {
    font-weight: 700
}

.c-popup-service-cooperate .popup-footer {
    border-top: 1px solid #e9e9e9;
    padding-top: 20px
}

.p-bussiness table {
    margin-bottom: 40px
}

.p-bussiness th {
    padding-top: 50px;
    vertical-align: top;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.p-bussiness td {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6f6
}

.p-bussiness p {
    line-height: 22px
}

.p-bussiness input, .p-bussiness textarea {
    width: 464px
}

.p-bussiness .w-Notice {
    margin-top: 20px
}

.p-bussiness .form-rule {
    width: 484px
}

.p-account {
    margin-bottom: 20px
}

.p-account .account-group {
    padding: 40px 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 0
}

.p-account .account-group.group-short .group-item {
    width: 480px
}

.p-account .account-group:last-child {
    border-bottom: 0
}

.p-account .account-group .group-title {
    line-height: 24px;
    font-size: 16px;
    color: #2a2b2d
}

.p-account .account-group .group-title i, .p-account .account-group .group-title span {
    margin-right: 10px;
    vertical-align: middle
}

.p-account .account-group .group-title strong.c_Gray {
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #6d6d6d
}

.p-account .account-group .group-item {
    box-sizing: border-box;
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    padding-left: 31px;
    font-size: 14px;
    line-height: 22px;
    color: #2a2b2d
}

.p-account .account-group .group-item.group-small {
    width: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.p-account .account-group .group-item .scope-name {
    min-width: 136px;
    color: #62676d
}

.p-account .account-group .group-item .scope-flex-1 {
    -ms-flex: 1;
    flex: 1
}

.p-account .account-group .group-item .scope-status {
    min-width: 100px;
    margin-right: 90px
}

.p-account .account-group .group-item i.icon {
    margin-right: 5px
}

.p-account .account-group .group-item i.icon_warning_mid {
    margin-top: -3px !important;
    margin-right: 12px !important;
    margin-left: 4px !important
}

.p-account .account-group .group-item a.a_DBlue {
    min-width: 42px
}

.p-account .sub-group {
    display: -ms-flexbox;
    display: flex
}

.p-account .sub-group .sub-group-title {
    width: 137px;
    padding-top: 33px;
    padding-left: 31px;
    box-sizing: border-box;
    font-size: 14px;
    color: #62676d
}

.p-account .sub-group .sub-group-content {
    -ms-flex: 1;
    flex: 1
}

.popup_modifyPhoneNum .popup-group {
    position: relative;
    padding-left: 65px
}

.popup_modifyPhoneNum .popup-group .w-Select {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 10;
    height: 34px;
    width: 40px;
    border-radius: 4px 0 0 4px
}

.popup_modifyPhoneNum .popup-group .i_Text {
    border-radius: 0 4px 4px 0
}

.popup_modifyPhoneNum .popup-group .i_Text:focus {
    border-color: #dee1e6;
    box-shadow: none
}

.message .shadow-box {
    border-radius: 0 10px 10px 10px
}

.message .list-tab {
    margin-left: -1px
}

.message .list-tab span {
    vertical-align: middle
}

.message .list-tab small {
    width: 16px;
    height: 16px;
    background: red;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    border-radius: 50%;
    margin-left: 3px;
    margin-right: -10px;
    font-size: 12px;
    text-align: center;
    color: #fff
}

.message-list {
    padding: 0 100px;
    min-height: 500px
}

.message-list li {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6
}

.message-list .scope-img {
    padding-left: 20px;
    position: relative;
    float: left
}

.message-list .scope-img.message_new:after {
    display: block
}

.message-list .scope-img:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ed510b;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: none
}

.message-list .scope-txt {
    margin-left: 24px;
    display: inline-block;
    width: 480px
}

.message-list .scope-txt h5 {
    color: #2a2b2d;
    line-height: 30px;
    margin-bottom: 6px
}

.message-list .scope-txt h5 span {
    margin-left: 14px;
    font-size: 12px;
    color: #c3c8ce
}

.message-list .i_Btn {
    min-width: 120px;
    height: 32px;
    border-radius: 16px;
    line-height: 32px;
    font-size: 12px;
    float: right;
    margin: 14px 0 0
}

.p-realname table {
    margin-bottom: 40px
}

.p-realname table th {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #62676d
}

.p-realname table td {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6f6
}

.p-realname table input {
    width: 464px
}

.p-realname .w-Notice {
    margin-top: 20px
}

.c-im .disabled {
    cursor: not-allowed
}

.c-im .icon_im {
    position: relative;
    overflow: visible;
    margin-bottom: 12px;
    border-radius: 50%;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .01), 0 13px 13px 0 rgba(0, 0, 0, .01), 0 20px 15px 0 rgba(0, 0, 0, .01)
}

.c-im .scope-count {
    font-size: 12px;
    background: #ff2600;
    color: #fff;
    height: 18px;
    line-height: 16px;
    padding: 0 6px;
    border-radius: 9px;
    position: absolute;
    font-style: normal;
    left: 28px;
    top: -4px;
    white-space: nowrap
}

.chat-layer {
    width: 900px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -304px 0 0 -454px;
    box-shadow: 0 0 14px rgba(53, 70, 92, .3);
    z-index: 800
}

.client-list {
    background: #f0f0f0;
    border-right: 1px solid #d4d4d4;
    overflow-y: auto;
    width: 219px;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.client-list li {
    padding: 12px 0 12px 12px;
    font-size: 0;
    line-height: 32px;
    height: 32px;
    position: relative
}

.client-list li a {
    display: block
}

.client-list li a:first-child {
    width: 184px
}

.client-list li.on {
    background: #e8edf8 !important;
    margin: 0
}

.client-list li.on .scope-del {
    display: none !important
}

.client-list li:hover {
    background: #f4f7fd
}

.client-list li:hover .scope-del {
    display: block
}

.client-list li.scope-online .scope-portrait:after {
    background: #43ec28
}

.client-list .scope-portrait {
    position: relative
}

.client-list .scope-portrait:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: -2px;
    bottom: -2px;
    background: #b3b8ba;
    border: 1px solid #f0f0f0;
    border-radius: 50%
}

.client-list .scope-portrait img {
    width: 32px;
    height: 32px;
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover
}

.client-list .scope-nickname {
    display: inline-block;
    width: 115px;
    margin-left: 7px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #515151
}

.client-list .scope-count {
    font-size: 12px;
    background: #ff2600;
    color: #fff;
    height: 18px;
    line-height: 16px;
    padding: 0 6px;
    border-radius: 9px;
    position: absolute;
    left: 165px;
    top: 20px
}

.client-list .scope-del {
    display: none;
    font-size: 14px;
    margin: 1px 10px 0 0;
    position: absolute;
    right: 3px;
    top: 13px
}

.chat-dialog {
    width: 680px;
    position: relative;
    margin-left: 220px
}

.chat-dialog-head {
    padding: 18px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.chat-dialog-head .icon {
    float: right;
    margin-left: 18px
}

@supports not (-ms-overflow-style:none) {
    .chat-dialog-cont {
        direction: rtl
    }
}

.chat-dialog-cont {
    height: 392px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #d4d4d4;
    transform: rotate(180deg);
    text-align: left;
    -ms-overflow-style: none
}

.chat-dialog-cont ul {
    overflow: hidden;
    transform: rotate(180deg);
    direction: ltr;
    min-height: 100%
}

.chat-dialog-cont li {
    *zoom: 1;
    padding: 0 32px;
    margin: 16px 0
}

.chat-dialog-cont li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.chat-dialog-cont li.dialog-self {
    text-align: right
}

.chat-dialog-cont li.dialog-self .scope-head {
    float: right
}

.chat-dialog-cont li.dialog-self .scope-txt {
    background: #02bdd1;
    float: right;
    color: #fff
}

.chat-dialog-cont li.dialog-self .scope-txt:before {
    display: none
}

.chat-dialog-cont li.dialog-self .scope-txt:after {
    display: block
}

.chat-dialog-cont li.dialog-self .icon_warning {
    float: right;
    left: 9px
}

.chat-dialog-cont li.scope-time {
    display: block;
    text-align: center;
    margin: 24px 0;
    font-size: 12px;
    color: #9b9b9b
}

.chat-dialog-cont li.scope-tips {
    display: block;
    text-align: left;
    margin: 16px auto;
    line-height: 24px;
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 10px;
    color: #62676d;
    width: 460px;
    background: #f0f0f0
}

.chat-dialog-cont li.scope-warning {
    display: block;
    text-align: center;
    margin: 24px 0;
    font-size: 12px;
    color: #9b9b9b
}

.chat-dialog-cont li.scope-warning .icon_warning {
    left: -2px;
    top: 3px
}

.chat-dialog-cont li .icon_warning {
    vertical-align: top;
    position: relative;
    left: -9px;
    top: 12px
}

.chat-dialog-cont .scope-head {
    float: left
}

.chat-dialog-cont .scope-question, .chat-dialog-cont .scope-txt {
    max-width: 440px;
    line-height: 20px;
    padding: 8px 10px;
    background: #e8e8e8;
    border-radius: 8px;
    position: relative;
    margin: 0 16px;
    display: inline-block;
    text-align: justify
}

.chat-dialog-cont .scope-question:before, .chat-dialog-cont .scope-txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 6px 6px 6px 0;
    border-style: solid;
    border-color: transparent #e8e8e8 transparent transparent;
    position: absolute;
    top: 10px;
    left: -6px
}

.chat-dialog-cont .scope-question:after, .chat-dialog-cont .scope-txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #02bdd1;
    position: absolute;
    top: 10px;
    right: -6px;
    display: none
}

.chat-dialog-cont .scope-question img, .chat-dialog-cont .scope-txt img {
    max-width: 440px
}

.chat-dialog-cont .scope-question h3 {
    line-height: 30px;
    color: #00c4da;
    border-bottom: 1px solid #d8d8d8
}

.chat-dialog-cont .scope-question ul {
    transform: rotate(0)
}

.chat-dialog-cont .scope-question li {
    text-align: left;
    margin: 8px 0;
    padding: 0 15px 0 5px;
    color: #333;
    position: relative;
    cursor: pointer
}

.chat-dialog-cont .scope-question li:after {
    content: ">";
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    visibility: visible
}

.chat-dialog-menu {
    padding: 7px 0;
    line-height: 22px
}

.chat-dialog-menu a {
    margin-left: 20px
}

.chat-dialog-menu a input {
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 16px
}

.chat-dialog-menu a.artificial-services {
    float: right;
    margin-right: 20px
}

.chat-dialog-menu a.artificial-services i {
    margin: -2px 6px 0 0
}

.chat-dialog-inp.i_Text {
    width: 97%;
    border: none;
    outline: none
}

.chat-dialog-inp.i_Text:focus {
    box-shadow: 0 0 0
}

.chat-dialog-footer {
    text-align: right;
    padding: 0 20px 10px
}

.chat-dialog-footer .i_Btn {
    border-radius: 16px;
    width: 120px;
    height: 32px;
    line-height: 30px;
    color: #62676d
}

.expression-layer {
    position: absolute;
    left: 0;
    top: 190px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 10px #3f3f3f;
    padding: 0 0 44px
}

.expression-layer dt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f0f0f0
}

.expression-layer dt a {
    display: inline-block;
    margin: 0 0 6px 7px;
    border-radius: 0 0 4px 4px;
    width: 46px;
    height: 38px;
    line-height: 38px;
    text-align: center
}

.expression-layer dt a.on {
    background: #fff
}

.expression-layer dd {
    width: 392px;
    height: 200px;
    padding: 10px 12px;
    overflow-y: auto;
    font-size: 0
}

.expression-layer dd span {
    display: inline-block;
    padding: 7px;
    cursor: pointer;
    border: 1px solid #eee;
    margin: -1px 0 0 -1px
}

.expression-layer dd span:hover {
    background: #e6e6e6
}

.expression-layer dd img {
    width: 20px;
    height: 20px
}

.im_new {
    animation: breath .3s ease-in .2s infinite alternate
}